Publicado em 13 de jul.

[Resolvido] Redimensionar background ao tamanho do elemento

Iaew galera,

Como eu faço para redimensionar uma imagem de 500px de altura e largura, num elemento que tem 100px de largura e altura, sendo que esse elemento não é uma tag image, e sim uma outra tag qualquer que tem uma propriedade background-image?

Experimentei a propriedade background-size, mas é um pouco problemática, pois é diferente de um browser para o outro. Além disso, ela faz parte da CSS3, que não funciona em IE9-.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

JCMais· 13 de jul.

Eu uso background-size: cover;.

E funciona certinho em todos os navegadores atuais.

http://www.caniuse.com/#search=background-size

Mas se quiser dar suporte à todos os navegadores possiveis, veja essa postagem: Perfect Full Page Background Image

Uma outra forma, apenas para IE, é usando filtros: http://stackoverflow.com/a/6353808/710693

Se você usar o Modernizr você pode aplicar este filtro apenas para IE < 9 e para os demais navegadores usar a proprieadade background-size.

FK.· 13 de jul.

Valeu cara! Era disso mesmo que precisava.

Mas agora acabei usando gradient, o que não funciona em nenhum IE, porém para estes, coloquei apenas uma cor de fundo. Vou fazer uns testes, e acho que vou usar suas dicas. Vlw!