[Resolvido] Redimensionar background ao tamanho do elemento

[FK. 0]

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-.

[JCMais 75]

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. 0]

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!