IE中没有完全显示出内容？原来是IE6的Peekaboo(躲躲猫) Bug！
时间：2010-07-02
来源：小影志
作者：佚名
今天看《CSS禅意花园》的时候，书尾的结语中提到了一些技巧。其中“IE中没有完全显示出内容？”引起了我的注意。
因为我的博客在IE6下也有这种情况发生，具体表现在回复列表中的部分内容不显示，但事实上它就在那里！截图如下：
Guillotine?Bug出现的条件：??
- 一个container（容器）??
- container（容器）里有一个浮动的元素（无论左右）??
- 后面紧跟一个没有设置浮动的内容，里面包含链接??
- 链接的a:hover样式有变化时，改变链接颜色除外。??（尤其以background、padding、border、Text?Style这些属性效果最为明显。）??
- 浮动的元素比没有浮动的内容高?
而我的评论列表的结构也十分符合以上的描述，如下图所示：
每个评论一个div，div中头像设置了左浮动，紧接着的是带链接的昵称。于是乎昵称和之后的时间、评论内容会消失不见。
解决方法很简单，只要让div的hasLayout设为true。那么如何激发元素的 haslayout 属性？设定明确的高度或宽度！
比如我的就是加上.comment-body{height:100%}。
详细介绍可以到这里查看：http://www.positioniseverything.net/explorer/peekaboo.html
相关下载
相关文章
更多+软件排行榜
- 最新排行
- 最热排行
- 评分最高
-
手机软件 大小:20.76MB -
手机软件 大小:20.76MB
-
手机软件 大小:20.76MB
-
手机软件 大小:89.1MB
