3

この問題について検索したところ、IE8 には疑似タグを使用して要素をレンダリングする癖があることがわかりましたが、問題の解決策が見つかりませんでした。要素を絶対に配置し、その親の下にある必要がある疑似 :before 要素を追加しようとしています。

使用:

.container:before {
    z-index: -1;
}

IE ではなく、Firefox と Chrome でこのトリックを実行します。ここにフィドルがありますhttp://jsfiddle.net/WaTnn/

IE8 で黄色の要素を赤の下に配置し、その親を絶対に配置するにはどうすればよいですか?

4

2 に答える 2

5

私は実用的な解決策を見つけました：

  1. コンテナ内に相対的に配置された div を追加します
  2. その設定z-index: -1
  3. :before要素をコンテナーではなく div に追加します。

ここにフィドルがありますhttp://jsfiddle.net/WaTnn/3/

誰かがより良い解決策を持っているなら、私はそれを見てうれしいです.

于 2013-08-25T13:21:14.970 に答える
1

ここにあるように：リンク

IE8 Partial Support
z-index not respected, must use a doctype, must declare a :hover state if you use :hover:after/:hover:before
于 2013-08-25T12:42:23.157 に答える