反正乱拨 » Chrome http://swayweb.com Sway的官方博客 Mon, 19 Jul 2010 12:54:08 +0000 en hourly 1 http://wordpress.org/?v=3.0 1px Dotted Border Bug In Chrome3.0 http://swayweb.com/tech/1389 http://swayweb.com/tech/1389#comments Tue, 08 Dec 2009 06:52:41 +0000 Sway http://swayweb.com/?p=1389 这是一个关于浏览器对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)

]]> http://swayweb.com/tech/1389/feed 0