IE8的css下拉問題懸停不起作用

我有一個css的下拉代碼，這是在所有的瀏覽器工作正常，除了IE8的怪癖模式。嚴重卡住我的代碼請help.i認爲懸停不工作在IE8怪癖模式。我對css有點想法，請指導。IE8的css下拉問題懸停不起作用

這裏是HTML

<UL id=navmenu-h> 
    <LI><A href="#">Home</A></LI> 
    <LI><A href="#">Paper Rolls </A> 
     <UL> 
      <LI><A href="#">ATM Rolls </A></LI> 
     </UL> 
    </LI> 
</UL>

這裏是CSS

UL#navmenu-h { 
    Z-INDEX: 1; POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: #54b948; PADDING-TOP: 0px 
} 
UL#navmenu-h UL { 
    Z-INDEX: 1; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; DISPLAY: none; TOP: 100%; PADDING-TOP: 0px; LEFT: 0px 
} 
UL#navmenu-h UL UL { 
    Z-INDEX: 1; TOP: 0px; LEFT: 100% 
} 
UL#navmenu-h UL UL UL { 
    Z-INDEX: 1; TOP: 0px; LEFT: 100% 
} 
UL#navmenu-h LI { 
    Z-INDEX: 1; POSITION: relative; DISPLAY: inline; FLOAT: left; COLOR: #54b948 
} 
UL#navmenu-h UL LI { 
    Z-INDEX: 1; WIDTH: 100% 
} 
UL#navmenu-h A { 
    Z-INDEX: 1; PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; WIDTH: auto; PADDING-RIGHT: 6px; DISPLAY: block; FONT: bold 13px Arial, sans-serif; BACKGROUND: #54b948; FLOAT: left; COLOR: #fff; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none; PADDING-TOP: 6px 
} 
UL#navmenu-h A:hover { 
    Z-INDEX: 1; BORDER-BOTTOM-COLOR: #f0f0f0; BORDER-TOP-COLOR: #f0f0f0; BACKGROUND: #54b948; COLOR: #fff; BORDER-RIGHT-COLOR: #f0f0f0; BORDER-LEFT-COLOR: #f0f0f0 
} 
UL#navmenu-h LI:hover A { 
    Z-INDEX: 1; BORDER-BOTTOM-COLOR: #f0f0f0; BORDER-TOP-COLOR: #f0f0f0; BACKGROUND: #54b948; COLOR: #fff; BORDER-RIGHT-COLOR: #f0f0f0; BORDER-LEFT-COLOR: #f0f0f0 
} 
UL#navmenu-h LI:hover LI:hover LI A:hover { 
    BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover LI:hover LI:hover A { 
    BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover UL UL { 
    DISPLAY: none 
} 
UL#navmenu-h LI:hover UL UL UL { 
    DISPLAY: none 
} 
UL#navmenu-h LI:hover UL UL UL UL { 
    DISPLAY: none 
} 
UL#navmenu-h LI:hover UL UL UL UL UL { 
    DISPLAY: none 
} 
UL#navmenu-h LI:hover UL { 
    DISPLAY: block 
} 
UL#navmenu-h UL LI:hover UL { 
    Z-INDEX: 1; DISPLAY: block 
} 
UL#navmenu-h UL UL LI:hover UL { 
    Z-INDEX: 1; DISPLAY: block 
} 
UL#navmenu-h UL UL UL LI:hover UL { 
    Z-INDEX: 1; DISPLAY: block 
} 
UL#navmenu-h UL UL UL UL LI:hover UL { 
    Z-INDEX: 1; DISPLAY: block 
} 
UL#navmenu-h LI:hover LI A { 
    Z-INDEX: 1; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; FONT: bold 11px Arial, sans-serif; BACKGROUND: #fff; FLOAT: none; COLOR: #656565; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid 
} 
UL#navmenu-h LI:hover LI:hover LI A { 
    Z-INDEX: 1; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; FONT: bold 11px Arial, sans-serif; BACKGROUND: #fff; FLOAT: none; COLOR: #656565; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid 
} 
UL#navmenu-h LI:hover LI:hover LI:hover LI A { 
    Z-INDEX: 1; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; FONT: bold 11px Arial, sans-serif; BACKGROUND: #fff; FLOAT: none; COLOR: #656565; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid 
} 
UL#navmenu-h LI:hover LI:hover LI:hover LI:hover LI A { 
    Z-INDEX: 1; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; FONT: bold 11px Arial, sans-serif; BACKGROUND: #fff; FLOAT: none; COLOR: #656565; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid 
} 
UL#navmenu-h LI:hover LI A:hover { 
    Z-INDEX: 1; BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover LI:hover A { 
    Z-INDEX: 1; BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover LI:hover LI:hover LI A:hover { 
    Z-INDEX: 1; BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover LI:hover LI:hover LI:hover A { 
    Z-INDEX: 1; BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover LI:hover LI:hover LI:hover LI A:hover { 
    Z-INDEX: 1; BACKGROUND: #54b948; COLOR: #fff 
} 
UL#navmenu-h LI:hover LI:hover LI:hover LI:hover LI:hover A { 
    Z-INDEX: 1; BACKGROUND: #54b948; COLOR: #fff 
} 
.menuColor { 
    BACKGROUND-COLOR: #54b948 
}

來源

2013-02-20 aru

爲什麼要爲怪癖模式的兼容性？我不明白。 – otinanai 2013-02-20 11:27:21

我沒有看過你的問題，但一眼看到你的帖子，我看到你在HTML標籤中使用了大寫字母。不要這樣做。在您的HTML標籤中始終使用小寫字母。它的良好做法。 – TNK 2013-02-20 11:57:51

我們的應用程序被許多用戶使用，所以我們不希望用戶每次訪問我們的網站時都要更改其瀏覽器設置 – aru 2013-02-20 12:09:01

-1

添加位置：在DIV相對你的菜單

來源

2013-02-20 15:50:59

我遇到了完全一樣的問題下。原來我失蹤了。

進入我的HTML頁面的頂部以下解決我的問題：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

來源

2013-07-15 01:49:09

IE8的css下拉問題懸停不起作用

回答

相關問題