0

IE8 のみでドロップダウン メニューがまったく表示されない superfish に問題があります。他のすべて（IE6でも）に表示されますが、IE8には表示されません。ソースJSをまったく変更せず、リストが表示される「subnav」というdivを呼び出しています。

メニュー項目にマウスを合わせると、ドロップダウン メニューの CSS が「visibility: visible, display:block」に変更され、メニューが表示されます。IE8 では何も起こらず、CSS もまったく変更されません。

それを引き起こしている可能性のあるアイデアはありますか？また、superfish の supersubs プラグインも使用しています。

CSSは次のとおりです。

#navbar ul{
    margin:10;
    padding:0;
    width:1000px;
}

#navbar li{  
    float:left;  
    color:#191919;  
    list-style-type:none;
    text-transform:uppercase;
    background:transparent url('../images/common/layout/nav-separator.jpg') center right no-repeat;
    padding:10px 0;
}

#navbar li.last{  
    background:none;
}

#navbar ul li a{
    padding: 12px 33px;  
    color: #fff;  
    text-decoration: none; 
}

#navbar ul li a:hover{
    color:#05af0d;
    background:transparent url(../images/common/layout/nav-hover-highlight.png) top center no-repeat;
}

#navbar ul li a.hover-arrow:after{
    margin-left:10px;
    content:url(../images/common/nav-arrow.png);
}

#navbar ul li:hover a.hover-arrow:after{
    margin-left:10px;
    content:url(../images/common/nav-arrow-roll.png);
}

#navbar ul li a.hover-arrow:hover{
    background:#000 url('../images/common/layout/nav-separator.jpg')  right 9px no-repeat;
}

#navbar ul li p{
    margin:0;
    display:inline-block;
}


/*Sub Nav Lists */
.subnav { 
    display:none;
    visibility:hidden; 
}

#navbar ul li ul{
    margin:0; padding:0;    
    position: absolute;   
    left: auto; top: 40px;  
    background: #333;  
    z-index: 99;
}

#navbar ul li ul li{
    background:none;
}

#navbar ul li ul li a{
    padding:0px 3px;  
    display:inline-block;
    margin:0;
    width:150px;
    text-transform:capitalize;
}

#navbar ul li ul li a:hover{
    background-color:#a7a7a7;
    color:#000;
    border:none;
    background-image:none;
    font-weight:bold;
}

ページ上での進行状況は次のとおりです。

<div id="navbar">       
   <ul class="topnav">
      <li id="item 1"><p></p>
         <ul class="subnav"></subnav>
      </li>
      <li id="item 2"><p></p>
         <ul class="subnav"></subnav>
      </li>
      etc...
   </ul>
</div>
4

1 に答える 1

0

これで問題が解決するかどうかはわかりませんが、あなたの HTML スニペットで、subnav クラスの UL 要素が適切なタグで閉じられていないことに気付きました。私が最初に試みることは、それらを次のものに置き換えることです：

<ul class="subnav"></ul>

その他のエラーは、IE8 では他のブラウザーほど適切に処理されない場合があります。バリデータ (例: The W3C Markup Validator )を介してページを実行してみてください

于 2011-01-29T15:07:29.443 に答える