2010-09-06 20 views
6

Quiero establecer la imagen de fondo div div (w: 932, h: 148) y el tamaño de la imagen es 1524 * 587
whan tratando de configurarlo imagen es no estar en forma para el tamaño de div ¿qué debo hacer? mi código-cómo ajustar el tamaño de la imagen de fondo ajustada al div

.header .logo { width:932px; height:148px; background:url(images/logo.jpg) no-repeat center;} 

Respuesta

11

Usted podría utilizar la propiedad CSS3 background-size para esto.

.header .logo { 
    background-size: 100%; 
} 

Pero entonces todavía tiene el problema de la amplia (o no) compatibilidad con el navegador. Su mejor opción es utilizar realmente un elemento <img> "plain vanilla" cuyo ancho/alto se establece en 100%.

0

No se puede cambiar el tamaño de una imagen de fondo en la versión de CSS soportada actualmente (2.1).

Puede superponer elementos uno encima del otro, para que pueda obtener un elemento de imagen detrás de su contenido, pero debería cambiar el tamaño de la imagen real en lugar de hacerlo al mostrarla. Eso reduciría aproximadamente el tamaño del archivo a un quinto.

Cuestiones relacionadas