動畫嵌套列表

Question

在我的一個頁面上，我使用Isotope插件。我之前並不知道這一點，但當使用css3 transforms時，Chrome將z-order變平。所以最初我的嵌套菜單看起來更好，不透明度的改變和適當的z-index。問題是嵌套ul在內容div下。

然後我認爲這將是很酷的適用調整大小（嵌套ul）和改變父母ul背景懸停。所以最後我有這樣的：

http://jsfiddle.net/challenger/xARgS/101/

• 我怎麼在這裏提高的腳本？可以優化它嗎？
• 在IE8看起來就像是一場自然災害！爲什麼？

謝謝！

Answer 1

改變CSS類來改變的backgroundColor懸停事件是一個有點笨拙：只使用CSS：懸停

你也可以通過添加動畫改進：http://jsfiddle.net/xARgS/102/

Answer 2

問題的一部分可能是，每次將鼠標懸停在導航條上時，都必須在視覺上調整主導航欄的大小。嘗試從該欄中刪除可視樣式並添加相對或絕對定位的包裝div，並使用其z-index將其放置在導航元素後面。