CSS propriedade background-image
Exemplos
Fundo elemento do corpo imagem:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
tente »
definições e instruções tag
propriedade background-image configura a imagem de fundo de um elemento.
O tamanho total dos elementos de fundo do elemento, incluindo o preenchimento e borda (mas não incluindo as margens).
Por padrão, imagem de fundo é colocada no canto superior esquerdo do elemento, e repetir verticalmente e horizontalmente.
padrão: | nenhum |
---|---|
herança: | não |
versão: | CSS1 |
sintaxe JavaScript: | objeto object.style.backgroundImage = "url (stars.gif)" |
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
Property | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note-se que o IE8 e browsers anteriores não suportam múltiplas imagens de fundo em um elemento
Note-se que o IE7 e versões anteriores não suportam valor "herdar".IE8 precisa definir! DOCTYPE. IE9 apoiar o "herança."
Dicas e Notas
Dica: Certifique-se de definir a cor de fundo, se a imagem não estiver disponível, será usado.
Valor de propriedade
valor | explicação |
---|---|
url( 'URL') | URL da imagem |
nenhum | Nenhuma imagem de fundo é exibida. Este é o padrão |
herdar | Especifique uma imagem de fundo deve ser herdado do elemento pai |
exemplos on-line
Várias imagens de fundo
Este exemplo demonstra o documento várias imagens de fundo.
artigos relacionados
CSS tutorial: Background CSS
tutorial CSS3: CSS3 Fundos