下拉菜单打破IE9

我正在从一个购买的主题建立一个网站，并在FF和Chrome浏览器看起来很完美。但是，在IE9兼容模式下，我有一个大问题。一个菜单项有下拉菜单，在IE上，下拉菜单在下一个菜单项下移动，很难单击它。我尝试用CSS导航和菜单设置“玩”，但没有运气。。谁能帮助：下拉菜单打破IE9

/* Mainmenu Styling */ 
#mainmenu{ 
width:680px; 
margin:1px 0px 0px 0px; 
float:left; 
} 
.navigation{ 
width:630px; 
margin-top:38px; 
padding-left:160px; 
float:left; 
list-style-type:none; 
} 
.navigation ul{ 
margin:0px; 
padding:0px; 
list-style-type:none; 
position:left; 
clear:both; 
} 
.navigation li{ 
list-style-type:none; 
padding:0px; 
margin:0px; 
float:left; 
z-index:100; 
position:relative; 
} 
.navigation li a{ 
font-size:16px; 
text-decoration:none; 
color:#a7a6a6; 
display:block; 
padding:10px 30px 16px 8px; 
float:left; 
z-index:100; 
margin-right:0px; 
} 
.navigation li.current a, .navigation li a:hover, .navigation li.current li a:hover{ 
text-decoration:none; 
color: #d23a3b; 
} 
.navigation li.current li a{ 
text-decoration:none; 
color:#a7a6a6; 
} 
.navigation li li{ 
margin:0 0 0px 0px; 
padding:0px; 
position:relative; 
z-index:100;  
} 
.navigation ul{ 
display:none; 
position:absolute; 
top:45px; 
width:159px; 
padding-bottom:5px; 
z-index:100;  
background-color:#fafafa; 
border-top:none; 
border-bottom:1px solid #d3d3d3; 
border-left:1px solid #d3d3d3; 
border-right:1px solid #d3d3d3; 
} 
.navigation li ul a{ 
width:109px; 
height:auto; 
float:left; 
padding:0px 15px 8px 15px; 
font-size:14px; 
color:#a7a6a6; 
line-height:24px; 
z-index:100; 
text-decoration:none;

}

Link是：http://goo.gl/LHDtg

来源

2012-03-16 tokmak

也许你有作为[这里要注意]同样的问题（http://blog.ninanet.com/2011/04/29/cufon-和ie9）（Cufon和IE9问题）？ – Jeroen 2012-03-16 11:39:41

检查我的答案，让我知道如果我滞后一些地方... – w3uiguru 2012-03-16 11:41:59

IE兼容性模式给了我恶梦。 – 2012-03-16 17:55:07

尝试下面的CSS所需的IE版本

.navigation ul { 
    background-color: #FAFAFA; 
    border-color: -moz-use-text-color #D3D3D3 #D3D3D3; 
    border-style: none solid solid; 
    border-width: medium 1px 1px; 
    display: none; 
    padding-bottom: 5px; 
    position: absolute; 
    top: 85px; /* in your website it is 45px but for IE i just tried 85px which work fine*/ 
    width: 159px; 
    z-index: 100; 
}

看到演示图像：我想它在IE8

enter image description here

来源

2012-03-16 11:38:05 w3uiguru

高兴，谢谢:)我试过了，它看起来更好，但现在下拉已经移到右侧（最右侧）:)任何其他建议？ – tokmak 2012-03-16 11:50:15

ohh新问题，但亲爱的没有看到我如何检查值和CSS ..你可以告诉我的演示。 – w3uiguru 2012-03-16 12:04:35

下拉菜单打破IE9

回答

相关问题