Blog | Roberto Meireles Acruche

Últimos Acessos

 

Links

 

Categorias

 

Artigo

Background full size com CSS

Sexta, 01 de Março de 2013

O CSS3 trouce muitas novidades, antes, para fazer com que uma imagem, definida como background, fosse ajustada 100% (full size), de acordo com o tamanho do elemento que faz parte, era necessário algumas linhas de código e hacks.

Agora nós precisamos de apenas uma propriedade: background-size

Para mais informações sobre está propriedade, Clique Aqui

body {
    background: url(img.jpg) no-repeat;
    background-size: 100%;
}

O código acima faz com que a imagem de fundo do elemento body fique 100% ajustado em relação ao seu tamanho.

Uma propriedade CSS3 muito útil que ganhou total suporte nos navegadores modernos.

Comentários

 

Copyright © 2013 Roberto Meireles Acruche