JS利用class控制多个子元素的显示隐藏在IE6下的bug

HTML结构:

隐藏
效果:当点击span时,box2/box3/box4隐藏,通过JS给最外层添加样式hide实现

hide样式:

.hide .box2,.hide .box3,.hide .box4{display:none;}

在IE6下触发JS后,需要隐藏的元素没有完全隐藏,拖动浏览器滚动条时出现类似电脑运行缓慢的花屏,而在非JS添加样式名时则显示正常,需要隐藏的元素越多时此bug越明显。

IE7/IE8/IE9/firefox5/chrome12等表现正常。

解决方法:能过JS对各个元素分别进行隐藏。

你可能感兴趣的:(CSS)