IE8 では、疑似要素の背景色が親の子の後ろに流れるのはなぜですか? テキストは前面に流れますが、背景色はそうではありません。Z-index は役に立たなかったようです。
これが IE8 のバグかどうかは判断できませんでした。これはかなり一般的な使用例のようですが、それに関連する多くのブログ投稿や SO の質問は見つかりませんでした。
<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;
}