IE7和IE8上的CSS站點導航菜單消失

Question

有人可以解釋爲什麼這個菜單消失在IE7和8上嗎？它適用於Chrome，Firefox，Opera和Safari。 IE7中的頁面寬度也發生變化，中間的3列區域變爲2列區域。 Here is the site link

Answer 1

看了看您的網站，style.css的

看起來好像線187是問題

你有這樣的：

li#menu-item-29 a, ul#mainmenu-menu li.menu-item-29 a:hover { 
    background-image: url("http://wecare.eu.com/images/btnHome.gif"); 
} 

刪除：在這裏，只是hover僞類離開a {...

而且關於中心部分的3列斷裂，它是b因爲IE7不支持框大小的CSS3屬性。因此，您已將寬度設置爲33.3％+每個列的左右填充爲15px。在較新的瀏覽器中，它的工作原因是框的大小：邊框對框的大小進行不同的計算。

解決方案是爲IE7創建一個條件語句，並以不同的方式計算寬度。我的建議是這樣的：

width: 29.333% 
padding: 0 2% 20px 

希望它有幫助。