我正在玩Mootools'某些下拉菜单的Fx.Slide效果。我以前使用过它们没有任何问题,但由于某种原因,现在看来我在一个元素上设置一个新的Fx.Slide时,它会弄乱我的CSS样式。这是一个上传的例子......
您可以在我的下拉菜单样式中看到差异。我的所有样式都是通过this style sheet首先应用的,似乎让我的样式混乱的行是line #19 in this menu.js script(这里是paste of the same thing, with line numbers.)。
上述两个示例之间的区别仅为line #19 in menu.js,您可以看到我在第一个示例中已注释掉了...
subNav[index] = new Fx.Slide(subNav[index], {duration: 200});
同样,奇怪的是我在其他网站上使用过Fx.Slide(比如下拉菜单on this site),它似乎从来没有弄乱我的任何风格。有什么建议吗?
答案 0 :(得分:4)
这是因为你的风格设置方式。
Fx.Slide在ul
附近添加了一个div。因此,ul
停止从#header #nav > ul > li > ul
收到其样式,因为它不再是#header #nav > ul > li
的直接后代。