感谢 大龙 的分享,本站今天也启用了“素雅三栏”作为默认的模板。不过,这个模板(可能我之前的TriBlue也是)都有一个小问题。在IE 6.0中,公告栏的文字如果稍长,将出现著名的 IE6 Peekaboo/Guillotine Bug。

关于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、漂浮的元素比没有漂浮的内容高,不然就不存在切断了。

另外,Nicky也给了我们一个演示。可以使用IE 6访问这个演示

解决Peekaboo/Guillotine Bug的方法,有position法和Holly hack。我推荐的是后者。
Holly hack的原文见此

具体到素雅三栏模板上来说,需要做的是在 .announce 中添加这么一行:
 height: 0.1%;  /*Fix for IE Peekaboo Bug */

即可。
Tags: , , ,
大龙 Homepage
2006年4月3日星期一 18:41
引用
Opera(v7.23)?还有人用
测试在Opera 9下有点小问题。

opera下的问题已解决:
_height: 0.1%;  /*Fix for IE Peekaboo Bug */
negorin
2006年3月12日星期日 00:55
素雅三栏,当使用“开关侧边栏”来关掉侧边栏时,中间的content部分并不变化,是否能像以前2栏的模版,关掉侧边拦会让内容部分自动扩大?
Nicky
2006年3月11日星期六 13:36
Opera(v7.23)?还有人用
测试在Opera 9下有点小问题。
fengshurui
2006年3月10日星期五 22:47
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
bob 回复于 2006年3月11日星期六 13:51
这两个都是很老的版本了。而且都是免费的程序,所以升级很容易。兼容旧版没有很大的意义。
Flock是基于Firefox核心的,理论上只需在Firefox下测试通过即可。
分页: 1/1 第一页 1 最后页


Powered by Bo-Blog 2.1.1 pre RCCode detection by Bug.Center.Team
沪ICP备05032643号

© 2008 博睿智 Marshal Design Bo-blog offcial theme