jQuery fadeIn / fadeOut在IE中乱七八糟的布局

时间:2009-12-03 16:44:03

标签: javascript jquery internet-explorer

我有一个包含多列布局的div,当我点击一个按钮时,我希望这个div淡出,然后点击另一个按钮,这个块会淡入。简单,它在firefox上完美运行。

然而,当我在IE中淡出它时,我的列的布局被修改了。就像我的列在非块元素中转换一样。

通过show / hide替换我的fadeIn / fadeOut解决了我的问题但是如果我可以在这个上添加这些动画会更有用......

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:3)

用于淡入淡出的不透明度过滤器需要(仅在IE中)为CSS样式设置元素(IE中的hasLayout)。您可以通过设置元素的高度或宽度或设置zoom:1 css样式属性来实现,该属性实际上不执行任何操作(默认值为1)。

有关IE的hasLayout的信息,请参阅此链接: http://www.satzansatz.de/cssd/onhavinglayout.html

答案 1 :(得分:1)

不幸的是,对于IE,我们有时需要牺牲干净的代码!将div放到另一个div中的fadeOut中,并在CSS中设置高度和宽度。然后,这将保持IE中列的宽度。