-1

私の CSS シートは Safari と Mozilla では正常に動作しますが、IE では動作しません。ナビゲーション バーの div レイヤーに特定の問題があるようです... 水平メニュー バーとして作成されましたが、IE では垂直メニュー バーとして表示され、フラッシュ バナーが脇に押し出されます。

この問題を解決するためのヒントはありますか?

css抽出は次のとおりです

/* Menu */

#menu {
width: 1000px;
height: 46px;
margin: 0 auto;
padding: 0;
background: url(images/img04.jpg) no-repeat left top;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 48px;
list-style: none;
line-height: normal;
}

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


#menu a {
display: block;
height: 32px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FF9900;
border: none;
}
#menu a:hover, #menu .current_page_item a {
background: #C44203;
}

#menu .current_page_item a {
background: #C44203;
}

#menu a:hover {
background: #C44203;
text-decoration: none;
}

#menu li a{
display: inline-block;
height: 32px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
text-decoration: none;
text-align: center;
line-height: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FF9900;
border: none;
}
#menu li a:hover{
background-color: #C44203;  
}   
#menu ul ul{
display: block;
height: 60px;
margin-left:-96px;
left: 50%;
position: absolute;
top: 45px;
visibility: hidden;
}

#menu ul li:hover ul{
visibility: visible;
}

どうも、どうもありがとう ヴィヴィアン

4

3 に答える 3

1

削除 position: relative; #menuliから。IEで動作します。

于 2012-06-21T09:46:25.453 に答える
1

このリンクを試してください...

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

display: inline-block;IE8以上でのみ動作するようです。しかし、リンクは解決策を提供し、それを使用する利点とフォールバックを説明しています.

于 2012-06-21T09:37:02.773 に答える
0

にvisibility: visible;_display:block;

そしてvisibility:hidden;中にDisplay:none;

このように

#menu ul ul{
display:none;
}

#menu ul li:hover ul{
display:block;
}
于 2012-06-21T09:37:14.190 に答える