导航不兼容的IE 8

我不知道为什么这不能正常工作ie8。导航不兼容的IE 8

enter image description here

<div id="bluemenu" class="bluetabs"> 
<ul> 
<li class=""> 
    <a rel="dropmenu3_c" href="company/">Company 
    <span><img width="11"height="7" src="images/arrow_btn.png"></span> 
    </a> 
</li> 
</ul> 
</div>

这是用于导航UL

.bluetabs ul { 
color: #FFFFFF; 
float: right; 
font: 13px 'Open Sans','Lucida Grande',Arial,"Verdana sans-serif"; 
list-style-type: none; 
margin: 0; 
padding: 0; 
text-align: left; 
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); 
text-transform: uppercase; 
}

的CSS这是导航里

.bluetabs li { 
display: inline; 
float: left; 
height: 36px; 
margin: 0; 
padding: 0; 
}

的CSS这是导航里的CSS a

.bluetabs li a { 
background: url("../images/menu_nav_hover_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); 
color: #FFFFFF; 
margin: 0; 
padding: 5px 15px; 
text-decoration: none; 
}

任何CSS黑客，我可以使这个工作在IE 8？

来源

2014-02-25 Alyssa Reyes

您可以创建小提琴？ –

在你的CSS的其他地方你有类似'img {display：block}'的东西吗？ – davidpauljunior

谢谢您的意见，真的很感激。 davidpauljunior的答案是真棒！ –

我可以在本地重现，但不完全。要带在黑暗中拍摄...

尝试：

.bluetabs li a { 
    background: #ccc; 
    color: #FFFFFF; 
    margin: 0; 
    padding: 5px 15px; 
    text-decoration: none; 
    display: inline-block; /* Add this */ 
} 

/* Add this */ 
.bluetabs li a > span { 
    display: inline-block; 
}

来源

2014-02-25 04:49:07 davidpauljunior

谢谢youuuu！这真的有用！ –

哇，我很高兴它的工作！不要忘记标记答案是正确的，谢谢！ – davidpauljunior

导航不兼容的IE 8

回答

相关问题