これをIE 6でレンダリングするにはどうすればよいですか?

css internet-explorer javascript

IE6で以下のメニューを正しく表示する方法がわからないのですが、何か考えはありませんか。

デモ:http://www.jankoatwarpspeed.com/examples/vimeo_navigation/

  0  0


ベストアンサー

このメニューに関連することを覚えておくべきいくつかの重要なこと:

  • IE6で透過PNGを忘れる(動作させることは可能ですが、
    素晴らしい経験)

  • IE6で `display:inline-block`を忘れる

  • IE6で `z-index`を忘れる

  • IE6で :first-child`と:last-child`を忘れる

基本的に、あなたがしなければならないことは以下のとおりです。

  • 透明GIFまたは非透明PNGを使用する

  • display:inline-block`の代わりに、 float:left`とその仲間を使ってください

  • とにかく、このメニューには本当に `z-index`は必要ありません。

  • クラスの最初と最後の子供を飾る必要があります
    手動で

編集:IE6は “` #menu> li` “のようなCSSセレクタをサポートしていません。

1


タイトルとURLをコピーしました