IE 6躲躲猫bug
9.4.4 IE 6躲躲猫bug
另一个奇怪而且很烦人的bug是IE 6的躲躲猫(peek-a-boo) bug,之所以起这个名称是因为在某些条件下文本看起来消失了,只有在重新装载页面时才再度出现。出现这个bug的条件是:
一个浮动元素后面跟着一些非浮动元素,然后是一个清理元素,所有这些元素都包含在一个设置了背景颜色或图像的父元素中。如果清理元素碰到了浮动元素,那么中间的非浮动元素看起来消失了,隐藏到了父元素的背景颜色或图像后面,只有在刷新页面时才重新出现(见图9-10).

幸运的是,有许多方法可以解决这个bug。最容易的方法可能是去掉父元素上的背景颜色或图像。但是,这常常是不可行的。另一个方法是避免清理元素与浮动元素接触。如果容器元素应用了特定的尺寸,那么这个bug似乎就不会出现了。如果给容器指定行高,这个bug也不会出现。
最后,将浮动元素和容器元素的position属性设置为relative也会减轻这个问题。
您必须登录 后才能发表评论.