0

IE9 と IE10 で動作しない理由がわかりません。他のブラウザでは動作しますが、それらのブラウザでは動作しません。ここに私の問題があります:

s
(ソース: d.pr )

.briefing h3 {
    margin-bottom: 23px;
    border-bottom: 3px double #9f9c9b;
    position: relative;
    padding-bottom: 22px;
    padding-left: 40px;
}

.briefing h3:before {
    content: url('../img/general-title-decoration-white.svg?1370978950');
    width: 25px;
    display: block;
    top: 2px;
    left: 0;
    position: absolute;
}

ホームページの字幕装飾にもこのテクニックを使っています。それが機能することを除いて：


(ソース: d.pr )

このコードで：

.special-title {
    font-size: 24px;
    color: #a4a19e;
    line-height: 1.2;
    position: relative;
    padding: 8px 0 8px 38px;
    border-top: 1px solid #e2dbcf;
    border-bottom: 1px solid #e2dbcf;
    margin-top: 49px;
    margin-bottom: 25px;
}

.special-title:before {
    content: url('../img/general-title-decoration.svg?1369571463');
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    top: 10px;
}

違いを調べてみましたがよくわかりません。

また、疑似要素が IE のコンソールに表示されないため、テストするのが少し難しくなります (特にブラウザスタックを使用する場合)。

何か案は ？私はそこで立ち往生しています。

問題が発生したページはこちら

そして、そうでないページ

どうもありがとうございました。:)

4

2 に答える 2

0

:before要素を配置しないようにしましたabsoluteか? 定義しない限り、それがなくても問題なく配置できるはずですdisplay:block;

また、2 つのケースの違いはdisplay:block;、最初のケースで設定することです。

于 2013-07-01T15:48:12.370 に答える