Layering of CSS with z-index
Posted
by
Matt Hintzke
on Stack Overflow
See other posts from Stack Overflow
or by Matt Hintzke
Published on 2012-07-10T15:05:08Z
Indexed on
2012/07/10
15:15 UTC
Read the original article
Hit count: 187
css
I have a created a 3 circle venn diagram using pure CSS3 and each circle has a :hover event attached to it. I also have an image of an arrow which is pointing to the center of the venn diagram. I want the arrow to visually appear to be on top of the circles, so I put the z-index higher on the arrow than the circles.
The problem now, is that the :hover event does not trigger on half of the venn diagram now because the arrow image is on top, which causes the hover to be on top of the arrow rather than the circle that I want it to be over. So is it possible to make an element have a high z-index visually but not programmatically?
© Stack Overflow or respective owner