css - CSS ドロップダウンメニューが IE7 の DIV に表示されない

Question

問題を示すリンクは次のとおりです: http://www.ukrainetraveling.com .

CSS ドロップダウンサブメニューは表示されません。そこにあるすべての div で z-index を「1」に設定し、メニューのある div には「200」を設定しましたが、結果はありません。クロムでは期待どおりに動作します。

その問題で私を助けてくれませんか？

score 1 · Accepted Answer

IE7 では、およびを使用するpositionと要素をスタックする際に問題が発生することが知られていますz-index。あなたがしなければならないことは、ブラウザが何をすべきかを段階的に伝えることです。

これを試して：

// menu
ul.pureCssMenu {
  position: relative;
}

十分でない場合は、次のことができます。

// parent of .pureCssMenu
div {
  position: relative;
}

注: メニューはそのままでは IE8 または IE9 でも機能しません。

編集済み

ドキュメントにDOCTYPEが含まれていないことに注意してください。このリンクを参照して、適切なドキュメントタイプを設定してください。

どのブラウザもコードをどのように書いているかを知る必要があるため、これは重要な要素であり、DOCTYPE はまさにそれを行い、ブラウザに「私はこのように書かれているので、この特定のルールセットを使用して表示してください」と伝えます。

IE6、7、8、9などに関連しています... IE5標準を使用するのと同じ「互換モード」と呼ばれるものに入ります（時代遅れです）。詳細については、このリンクを参照してください。