I have an absolute positioned ::before pseudo-element that I am trying to add an arrow above with CSS. Specifically this arrow appears on hover.
In all browsers except IE, this works fine. In IE, the pseudo-element appears on hover but is "behind" the button's parent div. This makes it appear as if the arrow doesn't show at all.
The z-index property seems to have no effect. I have a jsfiddle set up here:
https://jsfiddle.net/gk8rsjkp/
I appreciate any suggestions.
For anyone who comes across this with a similar problem:
Using an actual button element caused the issue. Switching to a div solved the problem. This quirk seems to be limited to IE.
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments