Foros del Web » Creando para Internet » CSS »

z-index imágenes de fondo

Estas en el tema de z-index imágenes de fondo en el foro de CSS en Foros del Web. Hola a todos: Estoy iniciandome en el css, pero no consigo posicionar dos imágenes (que harian de fondo izquierdo y derecho) y lo quisiera tener ...
  #1 (permalink)  
Antiguo 08/10/2011, 10:15
Avatar de vitu_16  
Fecha de Ingreso: octubre-2011
Mensajes: 5
Antigüedad: 10 años, 7 meses
Puntos: 0
z-index imágenes de fondo

Hola a todos:

Estoy iniciandome en el css, pero no consigo posicionar dos imágenes (que harian de fondo izquierdo y derecho) y lo quisiera tener asi para poder poner una sombra en el #principal con css3 pero me lo tapan las imagenes, ¿Sería posible?¿Sería mejor de otra forma? mi código seria el siguiente:

#principal{
position:relative;
width:700px;
margin:0 auto;
height:1000px;
background:black;
}
#izquierda{
background:url(imagenizq.gif)no-repeat;
width:40px;
height:1000px;
position:absolute;
top:0;
left:-40px;
}
#derecha{
background:url(imagendrch.gif)no-repeat;
width:40px;
height:1000px;
position:absolute;
top:0;
right:-40px;
}

<div id="principal">
<div id="izquierda"></div>
<div id="derecha"></div>
</div>


Les agradezco de antemano su valioso tiempo. Muchas gracias
  #2 (permalink)  
Antiguo 10/10/2011, 11:36
Avatar de RafaRG  
Fecha de Ingreso: julio-2011
Ubicación: Córdoba, España
Mensajes: 124
Antigüedad: 10 años, 10 meses
Puntos: 13
Respuesta: z-index imágenes de fondo

mm, el propio título de tu pregunta lo dice: "z-index" XD
¿has probado a ponerlo?
  #3 (permalink)  
Antiguo 10/10/2011, 13:11
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 12 años, 11 meses
Puntos: 269
Respuesta: z-index imágenes de fondo

estos links te serán de utilidad:
http://es.debugmodeon.com/articulo/c...-capas-con-css
http://jsfiddle.net/cristian_cena/xY5Re/

Saludos
  #4 (permalink)  
Antiguo 10/10/2011, 13:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 14 años, 11 meses
Puntos: 539
Respuesta: z-index imágenes de fondo

cristian_cena:
la 2ª condición no se necesita (el que sean hermanos).
Quizás te haya inducido el que en ie6 para que aplicase el z-index a descendientes en distinto nivel de profundidad, los ancestros también tenían que tenerlo declarado (creo recordar).
  #5 (permalink)  
Antiguo 10/10/2011, 14:46
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 12 años, 11 meses
Puntos: 269
Respuesta: z-index imágenes de fondo

wow, cierto pues, siempre tube ese tabú de que debían ser hermanos. Excelente aclaración estimado kseso

Etiquetas: z-index, fondo
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:24.