在IE7中的CSS菜單列表項顯示問題

因爲我需要在IE7中將菜單列表項顯示爲水平，但它是垂直顯示的。在IE7中的CSS菜單列表項顯示問題

菜單列表項： enter image description here 這是垂直顯示菜單列表項的圖像。如果我使用float:left屬性，那麼它也不會顯示水平。該如何解決這個問題？

CSS如下：

.swMain ul.anchor { 
    display: inline-block; 
    list-style: none; 
    padding-left: 0px; 
    margin-top: 3px; 
    float:left; 
} 
.swMain ul.anchor li{ 
    position:relative; 
    margin: 0; 
    padding: -10px; 
    padding-top:0px; 
    padding-bottom: 0px; 
    clear:both; 
    display:inline; 
    float:left; 

} 
.swMain ul.anchor li a { 
    display:inline; 
    margin:0; 
    padding:0px; 
    text-decoration: none; 
    outline-style:none; 
}

來源

2013-07-03 jeevan

IE 7？哇，你正在爲全球1.7％的用戶而頭痛！ – jycr753

你應該只考慮IE 9/10，如果你是一個硬漢，那麼也應該考慮IE 8.如果你想自殺，那麼試試IE 7 –

也許你可以更具體一點，哪些CSS不工作？粘貼整個CSS文件不是很有幫助。另外jycr753是現貨！忘了IE7，它的超過10年.. – dcarson

的問題是，IE7不支持inline-block的。幸運的是，有一個簡單的辦法爲：

.swMain ul.anchor { 
    *display: inline; 
    zoom: 1; 
}

的*顯示propertie的盈方確保，即它只能通過IE7理解和其他瀏覽器忽略。

來源

2013-07-03 06:12:22 elveti

在IE7中的CSS菜單列表項顯示問題

回答

相關問題