0

だから私はナビゲーションバー用に次のCSSを持っているウェブサイトに取り組んできました:

.boxshadow div#top_nav li+li::before, .no-boxshadow div#top_nav li+li::before{
    content:url('media/images/link.gif');
}

最初のリンクを除くすべてのリンクの前に特定の画像を挿入することにより、ナビゲーション バーのリスト項目のリンク セパレーターを作成することになっています。およびクラスは Modernizr によるものです.boxshadow。.no-boxshadow

問題は、IE でオーバーライドされていることです。開発者ツールを開くと取り消し線が引かれているように見えるので、オーバーライドされていることはわかっていますが、その理由はわかりません。Chrome と Firefox ではこのプロパティは機能しますが、IE でのみこの問題が発生しています。

なぜこれが起こっているのかについてのアイデアはありますか? 必要に応じて、さらに CSS を投稿していただければ幸いです。すべての助けに感謝します。

jsFiddle へのリンクは次のとおりです: http://jsfiddle.net/KJYe2/

編集 2: 申し訳ありませんが、jsFiddle を介して IE で動作するようです。ただし、私のコンピューターではローカルに表示されず、理由はわかりません...ナビゲーションバーの前に使用されるより関連性の高い CSS を投稿して、それらのルールのいずれかがオーバーライドを引き起こしているかどうかを確認しましたが、それはありませんそうでもないようです。

4

1 に答える 1

0

私はとてもばかです。ライブでは問題なく動作することがわかりましたが、ローカルではレンダリングされません。Chrome や Firefox とは対照的に、なぜそうなるのかはわかりませんが (これらのブラウザーではローカルで正常にレンダリングされます)、IE の場合はライブでのみ機能します。奇妙なことに、IE9 開発ツールでは、オフラインとオンラインの両方でまだ取り消し線が引かれています。ご迷惑をおかけしましたことをお詫び申し上げます。ありがとう！

于 2013-07-24T19:52:03.970 に答える