Internet Explorerのメニュー項目がありません

Question

ie8のメニューに2つの問題があります。 ie8でこのリンクhttp://betapwr.pokerworldratings.com/にアクセスすると、メニューが「部屋」タブの下にドロップされないことがわかります。私はそれを含むものすべてに "オーバーフロー：目に見える"ものを置いたが、ダイスは入れなかった。 2番目の問題は、右に表示される検索バーが欠落していることです。私は要素をチェックして、 "表示"に間違ったものは見ませんでした。 Chromeで適切な設定が表示されます。私は何が欠けていますか？

Answer 1

まず、あなたのリストアイテムを適切に入れ子にしていないため、トップメニューが壊れています。あなたのリストタグの子としていくつかのaタグを入れ子にしているし、それが適切なマークアップではありませんので、あなたは正しい方法あなたのサブメニューをフォーマットすることにより、その部分を修正することができます

<li class="drop-work"><a href="#">Rooms</a> 
    <ul> 
     <a href=""><li>Room 1</li></a> 
     <a href=""><li>Room 2</li></a> 
    </ul> 
</li> 

：

あなたは現在、これを持っています固定

<li class="drop-work"><a href="#">Rooms</a> 
    <ul> 
     <li><a href="">Room 1</a></li> 
     <li><a href="">Room 2</a></li> 
    </ul> 
</li> 

次に、html5.jsはあなたheaderとfooter HTML5タグは、実際にはありませんので、見つからなかったドキュメントのヘッダに含めているSHIV IEで適切に握られている。

今、あなたのトップメニューがIE8でうまく動作しますが、それは互換モードでIE8で悪く見えます、あなたがそうのような、CSSハックを使用して代わりに表示ブロックのdisplay:inlineにあなたのリストの項目を設定することにより、これを修正することができます

.admin-menu ul li { 表示：インライン;/これは、ターゲットますIE7 */ }

そして伸ばすためにあなたの次に、あなたのルールを変更することができ、ドキュメントの左右に#admin-bar：

#admin-bar { 
    overflow:visible; 
    position: fixed; 
    top:0; 
    right:0; 
    left:0; 
    z-index: 99999; 
    background:url(images/top-menu.png) repeat-x #000; 
    background-image: -moz-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: -ms-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: -o-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0078CE),color-stop(100%,#006AAD)); 
    background-image: -webkit-linear-gradient(top,#0078CE 0,#006AAD 100%); 
    background-image: linear-gradient(to bottom,#0078CE 0,#006AAD 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078CE',endColorstr='#006AAD'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078CE', endColorstr='#006AAD')"; 
    border-bottom:3px solid #005991;   
}