Why in IE8, is the background color of a pesudo element flowing behind children of the parent? The text flows in front, but the background-color does not. Z-index did not seem to help any.I haven't been able to determine if this is a bug in IE8 or not. It seems like this would have been a pretty common use-case, but I couldn't find many blog posts or SO questions related to it.http://jsfiddle.net/VAg2E/\[code\] <div id="parent"> <img src="http://placehold.it/200x200"> </div> #parent{ padding: 20px; } #parent:before{ content: 'Behind the image'; position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: red; }\[/code\]
Pseudo element on parent hidden behind child image on IE8
- Thread starter lotrial10
- Start date