導航不兼容的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

回答

相關問題