Foros del Web » Creando para Internet » CSS »

z-index de una imagen

Estas en el tema de z-index de una imagen en el foro de CSS en Foros del Web. Hola, mi problema esta en esta pagina : http://www.secodein.com/psy-market/prueba_carrusel2.php lo que necesito es que al pasar el mouse sobre la imagen esta se haga grande, ...
  #1 (permalink)  
Antiguo 04/04/2011, 11:30
 
Fecha de Ingreso: mayo-2009
Mensajes: 53
Antigüedad: 8 años, 6 meses
Puntos: 0
z-index de una imagen

Hola, mi problema esta en esta pagina :
http://www.secodein.com/psy-market/prueba_carrusel2.php

lo que necesito es que al pasar el mouse sobre la imagen esta se haga grande, (ya lo pude resolver) , pero ahora las imagenes que estan en los costados se cortan por que estan dentro de un contenedor, queria saber como le hago para que funcione correctamente con las imagenes de los costados, estube leyendo sobre z-index pero no encuentro la forma de hacerlo funcionar.

de antemano gracias, y todas su respuestas son bienvenidas...
  #2 (permalink)  
Antiguo 04/04/2011, 12:18
 
Fecha de Ingreso: abril-2011
Ubicación: Viña del Mar
Mensajes: 9
Antigüedad: 6 años, 8 meses
Puntos: 1
Respuesta: z-index de una imagen

puedes hacerlo con position:absolute junto con el z-index,
chequea este link:
[URL="http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp"]http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp[/URL]
  #3 (permalink)  
Antiguo 04/04/2011, 12:48
 
Fecha de Ingreso: mayo-2009
Mensajes: 53
Antigüedad: 8 años, 6 meses
Puntos: 0
jcampos_sanzana

mmmmm gracias voy a chekar, aun que no se muy bien como aplicar los estilos, me confunde eso de position y z-index...
  #4 (permalink)  
Antiguo 04/04/2011, 13:04
 
Fecha de Ingreso: abril-2011
Ubicación: Viña del Mar
Mensajes: 9
Antigüedad: 6 años, 8 meses
Puntos: 1
Respuesta: jcampos_sanzana

Cita:
Iniciado por dhamaso Ver Mensaje
me confunde eso de position y z-index...
z-index indica el orden de pila (como las capas de photoshop, si es que lo conoces), el numero puede ser negativo como positivo, si es negativo te lo envia al fondo si es positivo lo trae al frente. Pero z-index solo funciona con objetos posicionados (position:absolute, position:relative, or position:fixed).

[URL="http://www.w3schools.com/css/pr_pos_z-index.asp"]http://www.w3schools.com/css/pr_pos_z-index.asp[/URL]

hay muchos ejemplos rondando en la web.
  #5 (permalink)  
Antiguo 04/04/2011, 14:44
 
Fecha de Ingreso: mayo-2009
Mensajes: 53
Antigüedad: 8 años, 6 meses
Puntos: 0
asi estan mis estilos

cuando se pasa el mouse sobre el elemento img estos son los estilos que aplico.
Código CSS:
Ver original
  1. img.zoom-hover-image{
  2.     display: block;
  3.     position: absolute;
  4.     z-index: 999;
  5.     top: -30px;
  6.     left: -20px;
  7.     width: 170px;
  8.     height: 190px;
  9.     background-color: #7844F1;
  10.     border: 1px solid #000;
  11. }

que estoy haciendo mal?

Etiquetas: corta, oculta, position, 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 20:50.