2

在我的一个页面上，我使用Isotope插件。我以前不知道这一点，但Chrome在z-order使用css3 transforms. 因此，最初我的嵌套菜单通过不透明度更改和适当的 z-index 看起来好多了。问题是嵌套ul在内容 div 下。

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

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

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

谢谢！

4

2 回答 2

2

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

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

于 2012-07-27T14:02:21.437 回答
0

部分问题可能是每次您将鼠标悬停在导航项上时，您都必须在视觉上调整主导航栏的大小。尝试从该栏中删除视觉样式并添加具有相对或绝对定位的包装 div，并使用其 z-index 将其放置在导航元素后面。

于 2012-07-27T14:01:59.970 回答