列表元素在ie7中消失

您可以看到我目前在here工作的網站。
我知道，這是非常古老的風格，但我的客戶以這種方式設計了它，我只是以他想要的方式實現它......不要擔心，您不會看太久！
問題是當頂部的導航欄消失在Internet Explorer 7（只有7），當鼠標移過去時......
確切地說，除了第一個元素之外的所有元素都消失了。出於某種原因，第一個人留下......我無法得知發生了什麼，我敢肯定，我應該使用某種css技巧！
所以這裏是我的CSS（只有一個與導航欄有關）。列表元素在ie7中消失

/*Relevant part*/ 
.navigation-menu-wrapper { 
    height: 143px; 
    max-height: 143px; 
    width: 829px; 
} 

.navigation-menu { 
    list-style: none; 
} 

.navigation-menu-item { 
    float: left; 
    background-color: rgba(255, 255, 255, 0.6); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); /*IE 7/8 fix for rgba*/ 
    width: 163px; 
    height: 143px; 
    max-height: 143px; 
    font-family: "Times New Roman"; 
    color: #000000; 
    text-transform: uppercase; 
    font-size: 24px; 
    line-height: 143px; 
    border: 1px solid #000000; 
    margin: 0; 
    padding:0; 
} 

.navigation-menu-item-selected { 
    background-color: rgba(255, 255, 255, 1); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); /*IE 7/8 fix for rgba*/ 
} 


/*End relevant part*/ 
/*Page CSS, just in case you need it*/ 

.page-wrapper { 
    width: 1024px; 
    height: 100%; 
    max-height: 100%; 
    min-height: 768px; 
} 

.center-content-wrapper { 
    width: 824px; 
    min-height: 768px; 
    background-image: url("../../img/background.jpg"); 
    background-repeat: no-repeat; 
} 

.main-content-wrapper { 
    width: 100%; 
    min-height: 623px; 
    max-height: 623px; 
} 

.main-content-overlay { 
    margin: 25px; 
    padding-left: 70px; 
    padding-right: 70px; 
    padding-top: 20px; 
    background-color: rgba(0, 0, 0, 0.85); 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d8000000', endColorstr='#d8000000'); 
    min-height: 509px; 
    max-height: 509px; 
    height: 509px; 
    overflow-y: auto; 
    font-size: 14px; 
    font-family: "Times New Roman"; 
}

你能提出一個解決方法嗎？即使是一個骯髒的伎倆，將非常感激！
謝謝！

來源

2013-02-27 andreapier

你最好讓他們爲 L0j1k 2013-02-27 13:42:55

以及doctype是html5爲什麼你使用它？我沒有看到任何html5聲明，因爲你基本上是設計舊的方式和舊的瀏覽器..去舊的方式.. – Shail 2013-02-27 13:46:07

我建議你驗證你的代碼：http://validator.w3.org/check?verbose=1&uri = http％3A％2F％2Fwww.codianmc.it％2F - 在此上下文中元素ul的子元素不允許使用。 - 尚未見到明確的字符編碼聲明（假定爲windows-1252），但文檔包含非ASCII字符編碼。回落到Windows-1252 – 2013-02-27 13:55:27

這是因爲你正在將你的<a>包裹在你的列表項目中。它應該是相反的方式。包裝你<li>在你<a>

所以像這樣作爲一個例子：

<ul class="navigation-menu no-margin no-padding"> 
<li class="navigation-menu-item single-line"><a class="navigation-menu-item navigation- 
menu-item-selected link-no-decoration" href="index.php">L'attivitá</a> 
</li>

是這樣工作的..只是這樣做，以你的所有的<li>，它會工作在IE7

來源

2013-02-27 13:57:58 Adrift

毆打9秒 – 2013-02-27 13:58:43

我會接受這個，因爲它已被回答之前...即使只有9秒！謝謝！ – andreapier 2013-02-27 18:20:22

你標記是搞砸了。

<ul class="navigation-menu no-margin no-padding"> 
    <a class="navigation-menu-item navigation-menu-item-selected link-no-decoration" href="index.php"> 
     <li class="navigation-menu-item single-line">L'at (...)

元不被允許在此背景下元素UL的孩子。

來源

2013-02-27 13:58:06

這工作，致力+1！ – andreapier 2013-02-27 18:21:05

列表元素在ie7中消失

回答

相關問題