1px Dotted Border Bug In Chrome3.0

这是一个关于浏览器对CSS属性border的解析问题。在IE6下,当把边框(border-width)设置为1像素并且边框样式(border-style)设置为dotted时,IE6通常会渲染成虚线(dashed)而不是我们想要的点线(dotted),这就是古老的1px Dotted Border Bug In Internet Explorer 6,好消息是在IE6以后的版本里修复了这个bug。

然而最近做测试时发现,以上提到的IE6的bug很不幸地转移到了Chrome上,具体现象是:在Chrome3.0下,当把边框(border-width)设置为1像素并且边框样式(border-style)设置为dotted时,无论长短,线段中部都会有一段实线,只有当border-width大于1px时才正常,很奇怪;补充一点,同样使用WebKit引擎的Safari3.2并不存在这个错误。

本人的测试环境:操作系统是WinXp Pro,屏幕分辨率是1280×800,浏览器是Chrome3.0.195.33。我在想,这难道是Chrome的一个渲染bug?模仿IE,先称此bug为1px Dotted Border Bug In Chrome3。

测试页面(Test Page)

留下评论