IE6 Peekaboo/Guillotine Bug
bob 发布于 March 9, 2006 21:43
感谢 大龙 的分享，本站今天也启用了“素雅三栏”作为默认的模板。不过，这个模板（可能我之前的TriBlue也是）都有一个小问题。在IE 6.0中，公告栏的文字如果稍长，将出现著名的 IE6 Peekaboo/Guillotine Bug。
关于IE6 Peekaboo/Guillotine Bug的情况，请看这篇文章。而 Nicky 也写了很精彩的两篇文章讲述这个BUG（链接一 和 链接二）。引用一下最重点的地方：
另外，Nicky也给了我们一个演示。可以使用IE 6访问这个演示。
解决Peekaboo/Guillotine Bug的方法，有position法和Holly hack。我推荐的是后者。
Holly hack的原文见此。
具体到素雅三栏模板上来说，需要做的是在 .announce 中添加这么一行：
即可。
关于IE6 Peekaboo/Guillotine Bug的情况，请看这篇文章。而 Nicky 也写了很精彩的两篇文章讲述这个BUG（链接一 和 链接二）。引用一下最重点的地方：
引用自 Nicky's Blog
Guillotine Bug出现的条件：
1、一个container（容器）
2、一个漂浮在container（容器）里面的元素（无论左右）
3、紧跟后面有一个没有漂浮的内容，里面包含链接
4、链接的a:hover样式有变化时，改变链接颜色除外。
（尤其以background、padding、border、Text Style这些属性效果最为明显。）
5、漂浮的元素比没有漂浮的内容高，不然就不存在切断了。
1、一个container（容器）
2、一个漂浮在container（容器）里面的元素（无论左右）
3、紧跟后面有一个没有漂浮的内容，里面包含链接
4、链接的a:hover样式有变化时，改变链接颜色除外。
（尤其以background、padding、border、Text Style这些属性效果最为明显。）
5、漂浮的元素比没有漂浮的内容高，不然就不存在切断了。
另外，Nicky也给了我们一个演示。可以使用IE 6访问这个演示。
解决Peekaboo/Guillotine Bug的方法，有position法和Holly hack。我推荐的是后者。
Holly hack的原文见此。
具体到素雅三栏模板上来说，需要做的是在 .announce 中添加这么一行：
height: 0.1%; /*Fix for IE Peekaboo Bug */
即可。
negorin
素雅三栏，当使用“开关侧边栏”来关掉侧边栏时，中间的content部分并不变化，是否能像以前2栏的模版，关掉侧边拦会让内容部分自动扩大？
March 12, 2006 00:55
Nicky
Opera(v7.23)?还有人用
测试在Opera 9下有点小问题。
测试在Opera 9下有点小问题。
March 11, 2006 13:36
fengshurui
Bob,你现在这款风格（素雅三栏）在Flock(v0.4.9)和Opera(v7.23)下有点问题。
Flock中:http://static.flickr.com/42/110471455_7678b36c65.jpg
Opera中:http://static.flickr.com/48/110471456_1aa42c18e4.jpg
Flock中:http://static.flickr.com/42/110471455_7678b36c65.jpg
Opera中:http://static.flickr.com/48/110471456_1aa42c18e4.jpg
March 10, 2006 22:47
这两个都是很老的版本了。而且都是免费的程序，所以升级很容易。兼容旧版没有很大的意义。
Flock是基于Firefox核心的，理论上只需在Firefox下测试通过即可。
Flock是基于Firefox核心的，理论上只需在Firefox下测试通过即可。
March 11, 2006 13:51
分页： 1/1 
1
1
测试在Opera 9下有点小问题。
opera下的问题已解决：
_height: 0.1%; /*Fix for IE Peekaboo Bug */