javascript - 动画嵌套列表

Question

在我的一个页面上，我使用了 Isotope 插件。我之前并不知道这一点，但是 Chrome 在使用 css3 转换 时会展平 z-order。所以最初我的嵌套菜单在不透明度变化和适当的 z-index 下看起来更好。问题是嵌套的 ul 在内容 div 下。

然后我认为应用调整大小(通过嵌套的 ul)并在悬停时更改父 ul 背景会很酷。所以最后我得到了这个:

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

• 如何改进这里的脚本？是否可以对其进行优化？
• 在 IE8 中查看它就像一场自然灾害!为什么？

谢谢!

Answer 1

更改 css 类以更改背景颜色的悬停事件有点笨拙:只需使用 css :hover

您还可以通过添加动画来改进它:http://jsfiddle.net/xARgS/102/