background-image no funciona

Tengo esto en mi HTML todo funciona, excepto la imagen de fondo: 'images/Header.jpg'; En lugar de eso ver el color gris en la cabeza pero no la imagen .. He intentado quitar el color gris, pero todavía no veo la imagen ...background-image no funciona

#outerWrapper #header { 
border-bottom: solid 1px #628152; 
font-size: 18px; 
font-weight: bold; 
line-height: 15px; 
height: 115px; 
background-color: Grey; 
background-image: url('images/Header.jpg');

¿Cómo puedo hacer este trabajo .. por favor ayuda .. gracias

Fuente

2010-12-01 user175084

Tener un vistazo a su página con Firebug para Firefox. Es posible que no estés cargando la imagen correctamente. También podrás jugar con el CSS al vuelo si ese es tu problema.

Fuente

2010-12-01 17:03:24 Lareau

Intente cambiar el url para '/images/Header.jpg'

Fuente

2010-12-01 16:54:48

no funciona ... todavía ... cualquier otra sugerencia ... gracias – user175084

puede ser hosting no config para contenido estático –

@AlexNguyen: No quise mover el archivo, sino la referencia al mismo. Cambie esto: 'url ('images/Header.jpg');' a esto: 'url ('/ images/Header.jpg');' –

seguro de que necesita el 'carbón? Y tal vez es sensible a mayúsculas y usted tiene un error en la url .. Tal vez background-image:url(images/header.jpg);

Fuente

2010-12-01 16:57:14 bAN

¿Cuál es la ruta de su archivo CSS y la ruta de la imagen?

Debe tener en cuenta que, al utilizar url() en CSS, , la ruta es relativa al archivo CSS, no a la página solicitada.

Imagine que tiene los siguientes archivos:

/website/index.html 
/website/templates/main.css 
/website/images/header.jpg

que el CSS debe ser:

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */

Fuente

2010-12-01 17:02:45

background-image no funciona

Respuesta

Cuestiones relacionadas