Skip to main content

Línea de tiempo para Imagen 2 pisa hover de la imagen 1

Licencia actual CC BY-SA 3.0

11 eventos
cuándo alternar formato qué por licencia comentario
el 4 oct. 2017 a las 23:24 comentario añadido Oren Diaz Muchas gracias por tu explicacion. La respuesta me ayudo mucho y ya la marque.
el 4 oct. 2017 a las 23:23 votar aceptar Oren Diaz
el 4 oct. 2017 a las 23:22 comentario añadido Bender Paisa Muy importante, como tu elemento .mask tiene posición absoluta queda por encima de la img, y necesitamos que sea la img la que está por encima. Si la respuesta resolvió tu pregunta te invito a marcarla para que los futuros desarrolladores sepan que fue la solución correcta
el 4 oct. 2017 a las 23:14 comentario añadido Oren Diaz Vi que aca agregaste z-index 100, es importante? #principal img { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index: 100; }
el 4 oct. 2017 a las 22:48 comentario añadido Oren Diaz Gracias Camilo! xD Ayudandome ya por segunda vez con mis problemas!
el 4 oct. 2017 a las 22:45 comentario añadido Bender Paisa Ya te edité la respuesta
el 4 oct. 2017 a las 22:44 historial editado Bender Paisa CC BY-SA 3.0
se añadieron 2557 caracteres en el cuerpo
el 4 oct. 2017 a las 22:41 comentario añadido Bender Paisa Ah comprendo, ya te edito la respuesta entonces había entendido mal !
el 4 oct. 2017 a las 22:34 comentario añadido Oren Diaz Justamente esa es la idea que el otro div sea mas grande, para hacer el efecto de zoom. El problema es que div mask actua como hover tambien y no deberia pasar eso.
el 4 oct. 2017 a las 22:34 comentario añadido Oren Diaz Recortando la imagen no soluciona el problema porque el div mask tiene un tamaño fijo de width: 200px height: 212px;
el 4 oct. 2017 a las 22:29 historial respuesta Bender Paisa CC BY-SA 3.0