Arquivo de Códigos - Página Inicial
Códigos-fonte
» Boletos Bancários
» Calendário de Eventos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 29
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> Referências -> CSS -> background-image
Referência CSS :: Propriedade background-image
Propriedade background-image

Define a imagem de fundo de um elemento.

Possíveis valores:

Valor
Descrição
url
O caminho para a imagem. Pode ser relativo ou absoluto.
none
Nenhuma imagem de fundo é definida.






Exemplos de uso:


1) Como definir uma imagem de fundo para um botão HTML:

<button style="background-image: url('../../imagens/barra_cima_index2.png')">Clique aqui</button>

Esta declaração gerará o seguinte resultado:



Importante:
Se você estiver usando Windows XP e Internet Explorer 6.0, o botão gerado pelo código acima gerará um botão normal, ou seja, sem a imagem de fundo. Este é um bug do Windows XP e ocorre somente com o elemento HTML <button> e usando o tema Estilo do Windows XP.

Este problema pode ser corrigido de duas formas:

1) Adicione o meta-tag abaixo na parte <head></head> de suas páginas:

<meta http-equiv="msthemecompatible" content="no">

2) Usar apenas:

<button style="background: url('../../imagens/barra_cima_index2.png')">Clique aqui</button>

Versões mais recentes do IE não apresentam este problema.

2) Como definir uma imagem de fundo para suas páginas:

<style type="text/css">
<!--
  body {background-image: url('fundo.gif')}
//-->
</style>
 
 
 
Arquivo de Códigos - Página Inicial
Veja dicas, truques e anotações de Struts
Veja dicas, truques e anotações de outras linguagens
VB.NET - Verificando a existência de caracteres inválidos em uma string usando o método IndexOfAny
PHP - Como obter a quantidade de registros afetados em uma operação INSERT, UPDATE, REPLACE ou DELETE
C# (CSharp) - Como contar as palavras em um TextBox de múltiplas linhas
JavaScript - Como definir a propriedade description na ocorrência de um erro de tempo de execução
Java - Controlando a quantidade de casas decimais na exibição de um valor double ou float
Java - Como implementar Localizar e Localizar Próximo em um JTextArea
JavaScript - Como obter o logaritmo natural de 2
Ruby - Removendo os espaços em excesso de uma string
VB.NET - Como obter a quantidade de dimensões de um array
VB.NET - Como contar as palavras em um TextBox de múltiplas linhas


http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site