Mootools Fx.Slide & CSS样式？

Question

我正在玩Mootools的Fx.Slide效果一些下拉菜单。我以前在使用它们时没有遇到任何问题，但出于某种原因，我现在似乎在元素上设置了一个新的Fx.Slide，它就会破坏我的CSS样式。下面是一个上传的例子..。

在应用Fx.Slide之前

应用Fx.Slide后

你可以看到我的下拉菜单样式的不同。我的所有样式都是首先通过此样式表应用的，我的样式似乎搞砸了的行是这个menu.js脚本中的第19行 (这里是一个粘贴相同的东西，带有行号。)。

上面两个例子之间的区别仅仅是menu.js中的第19行，您可以看到我在第一个示例中已经注释掉了.subNav[index] = new Fx.Slide(subNav[index], {duration: 200});

同样，奇怪的是，我在其他网站上使用了Fx.Slide (比如下拉菜单在这个网站上)，而且它似乎从来没有破坏过我的任何风格。有什么建议吗？

Answer 1

这是因为你的风格是如何设置的。

Fx.Slide在您的ul周围添加了一个div。因此，您的ul不再接收来自#header #nav > ul > li > ul的样式，因为它不再是#header #nav > ul > li的直接后代。