Foros del Web » Creando para Internet » CSS »

Problema con background-image y z-index

Estas en el tema de Problema con background-image y z-index en el foro de CSS en Foros del Web. Hola, tengo un problema con el diseño de la cabecera. Tengo varios divs con una imagen de fondo, y no consigo que se pongan una ...
  #1 (permalink)  
Antiguo 15/07/2010, 16:55
 
Fecha de Ingreso: abril-2008
Mensajes: 21
Antigüedad: 9 años, 7 meses
Puntos: 0
Problema con background-image y z-index

Hola,
tengo un problema con el diseño de la cabecera. Tengo varios divs con una imagen de fondo, y no consigo que se pongan una encima de la otra correctamente.
La estructura seria:

<div FONDO 1>
<div FONDO MENU>
<div FONDO 2>
<div>
<div CONTENIDO>


FONDO 1 es una imagen que ocupa todo el espacio, con z-index: 10

FONDO MENU es un fondo que tambien ocupa todo, aparece justo cuando termina FONDO1 , con z-index: 15

FONDO 2 tambien que ocupa todo, y deberia salir por debajo de FONDO MENU, tiene z-index: 10

CONTENIDO tiene un ancho fijo, y deberia salir por debajor de FONDO2, tiene z-index: 5

el problema es que fondo2 y contenido salen encima de sus predecesores, y no debajo.

¿Tiene solución esto?
  #2 (permalink)  
Antiguo 16/07/2010, 10:33
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 8 años, 11 meses
Puntos: 4
Respuesta: Problema con background-image y z-index

como cierran esas etiquetas ?
porque varia mucho segun como las cierres.
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES
  #3 (permalink)  
Antiguo 16/07/2010, 10:49
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Problema con background-image y z-index

Hola.. para ayudarte a veces no basta con solo explicarlo... tienes q poner el codigo.. el css y el html

Saludos
  #4 (permalink)  
Antiguo 16/07/2010, 11:53
 
Fecha de Ingreso: abril-2008
Mensajes: 21
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Problema con background-image y z-index

Cita:
Iniciado por exxqizofrenicoo Ver Mensaje
como cierran esas etiquetas ?
porque varia mucho segun como las cierres.

Cierran asi:

Código:
<div FONDO 1>
    <div FONDO MENU></div>
</div>

<div FONDO 2></div>

<div>
    <div CONTENIDO></div>
</div>
  #5 (permalink)  
Antiguo 16/07/2010, 13:30
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Problema con background-image y z-index

y repito pon el css... y a todo lo q involucre seria mas facil asi!

Saludos
  #6 (permalink)  
Antiguo 16/07/2010, 13:36
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 8 años, 11 meses
Puntos: 4
Respuesta: Problema con background-image y z-index

ponenos el css porque si tan solo pones en el css imagenes es imposible que fondo2 y contenido aparescan arriba de fondo1 y fondo menu.
asi como vos los muestras colocando unas imagenes en cada div aparece fondo1 y fondo menu por encima, luego debajo fondo2 y luego mas abajo contenido.
aplicando tan solo algo asi:

#fondo1{height:400px;background-image:url(imagen.jpeg);background-repeat:no-repeat;}
#fondoMenu{height:100%;background-image:url(imagen.jpeg);background-repeat:no-repeat;}
#fondo2{height:200px;background-image:url(imagen.jpeg);background-repeat:no-repeat;}
#contenido{height:200px;background-image:url(imagen.jpeg);background-repeat:no-repeat;}


<div id="fondo1">
<div id="fondoMenu"></div>
</div>

<div id="fondo2"></div>


<div id="contenido"></div>
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES

Etiquetas: z-index
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:32.