Home › Forums › CSS › Image Hover › Re: Image Hover
March 11, 2013 at 9:46 am
#127739
Kitty Giraudel
Participant
> I was thinking about something like this http://codepen.io/chrisburton/pen/olwIk but there’s an issue on hover. It cuts in an out when you move your mouse around the thumbnails.
Simply fix the z-index on .play:hover. Problem solved.
Whole code:
div { position: relative; }
.movie {
position: relative;
z-index: 1;
&:hover {
z-index: -1;
}
}
.play {
position: absolute;
left: 0;
&:hover {
z-index: 1;
}
}