0

コードを何時間も見つめていましたが、ドロップダウン ホバー メニューが IE 7 でまったく表示されない理由がわかりません。メニューにカーソルを合わせると、ドロップダウンが表示されません全て。firefox、chrome、safari、IE 8 で問題なく動作します。私は周りを検索して、いくつかのJavaScriptを追加することについて何かを読みましたが、それはうまくいかないようです...特定のエラーを見落としたり、何かを見落としたりしない限り-しかし、どんな助けも大歓迎です....かなりお願いします0 :)事前に感謝します！

CSSは次のとおりです。

#navmenu {
height:50px;
position:relative;
width:950px;
z-index:1;
top:-142px;
margin:0;}

#navmenu ul {
margin:0;
padding:0;
line-height:50px;
position:relative;
float:left;}

#navmenu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;}

#navmenu ul li a {
height:50px;
width:auto;
    display:block;
padding:0 20px 0 21px;}

#navmenu ul ul {
position:absolute;
visibility:hidden;
top:50px;
z-index:1;}

 #navmenu ul li:hover ul, #navmenu ul li.sfhover: {
visibility:visible;
z-index:9999; 
display:block;}

JavaScriptについては、頭に入れていることがわかりました：

<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("navmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
        this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
        this.className=this.className.replace(new RegExp(" sfhover\\b"),     "");
    }
}
}
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    </script>
4

1 に答える 1

0

「zoom : 1」を ul 要素に追加してみてください。これにより、IE の同様の問題がほとんど修正されます。

于 2012-09-06T06:39:08.187 に答える