Es posible ajustar background image con css 3 gracias a la propiedad background-size.
El problema que existe con la propiedad background-image de css es que la resolución de la imagen no se adapta al tamaño de la capa y por tanto tampoco de cualquier otro elemento heredando el problema de las diversas resoluciones de pantalla para todos los tipos de dispositivos.
La propiedad background-size pretende solucionar este problema. Como gran parte de las propiedades de css3 cada navegador usa su propia etiqueta para aplicarlo en su renderizado.
.capa_imagen_ajustada
background-image: url('img/fondo.jpg');
-moz-background-size: 100% 100%; /*Firefox 3.6*/
-o-background-size: 100% 100%; /*opera*/
-webkit-background-size: 100% 100%; /*Safari*/
background-size: 100% 100%; /*estandar css3*/
-moz-border-image: url('img/fondo.jpg') 0; /*Firefox 3.5*/
Ajustar background image con css
No hay comentarios:
Publicar un comentario