3

:before現在、CSS疑似クラスと+セレクターを次のように使用して、ナビゲーション バーにリンク セパレーターを作成しようとしている Web サイトに取り組んでいます。

/* Targets list items with a list item before it, so that we don't put separators before the first element, nor after the last element. */

nav li + li:before{content:url('someimagehere.gif');}

画像を使用せず、「/」などの文字列を使用すると、IE (および Chrome、Firefox など) で正常に動作します。ただし、IE だけでは失敗する画像を使用しています (Chrome と Firefox は正常に動作します)。これを修正する方法について何か考えはありますか?どんな助けでも大歓迎です!

更新:上記のルールが IE でオーバーライドされていることを発見しましたが、IE でのみです。他のすべてのブラウザーは問題なくレンダリングするように見えますが、IE は!important宣言があっても同じことを拒否します。

4

1 に答える 1

-1

これを html ページの先頭に追加してみてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

参照:

https://dl.dropboxusercontent.com/u/3525200/ie-content.png

http://www.w3schools.com/cssref/pr_gen_content.asp

于 2013-07-21T00:45:20.010 に答える