CSS導航UL不工作

Question

我建立了一個新網站，但我的問題是該菜單在FF和其他瀏覽器中還可以，但在IE中不行。

問題是，它不會列出列表元素，沒有懸停，沒有顏色，也沒有內聯。

這是代碼

nav {
    margin-top: 15px;
}

nav ul {
    position: relative;
    left: 297px;

}

nav li  {
    float: left;
    padding: 0 20px;
    font-size: 12px;
    line-height: 65px;
    background: url(images/line.png) no-repeat right 10px;
    height: 72px;
    text-transform: uppercase;

} 

nav li a {
    color: #656464;
    text-decoration: none;
    display: block;
}

nav li:hover {
    background: url(images/hover.png) repeat-x 0 35px;
    color: #242424;
}

可以請別人給我一個提示嗎？

Answer 1

nav是HTML5元素； 舊的IE無法識別它，因此不會應用您的樣式。

為了使IE能夠識別HTML5標記，請將HTML5 shiv放在您的頁面上，然后為nav和您使用的任何其他HTML5元素聲明一個規則，為它們display: block樣式，位於您現在擁有的CSS上方。

Answer 2

<nav>可以在頁面上使用，但是在嘗試設置其樣式時會遇到問題，因為許多瀏覽器在不理解該標記時會跳過該標記。

將<nav>標簽包裝在包裝div和樣式中，然后從語義標簽中剝離所有樣式，使它們裸露。