CSS虚线边框在Chrome中呈现为虚线

时间:2011-01-26 07:00:52

标签: google-chrome

我申请了“border-bottom:#F60 dotted .3em;”对于div,当Firefox将点渲染为圆形时,Chrome会将它们显示为块状破折号。任何接受者?

3 个答案:

答案 0 :(得分:11)

如果边框相同很重要,您可以查看CSS3边框图片属性:http://www.css3.info/preview/border-image/对于Chrome,它将是-webkit-border-image:

答案 1 :(得分:3)

规范没有定义“点缀”对于该细节水平的含义。两个浏览器只是以不同方式解释它。 This is not a problem

答案 2 :(得分:2)

作为平面设计师,这对我来说确实是一个问题。

:dotted;:dashed;由于某种原因单独指定 - 矩形不是圆形。虽然可以解决这个问题,但是在移除工作的网络构建者通常不会发现差异。就他们而言,这个简报已得到满足。 公平地说,在1px时,这不是一个问题,但是当较重的虚线用作设计元素并且在图形上选择代码以节省页面加载时,事情可能会出错。

对于那些需要一条绝对必须是真正虚线的虚线的人,我建议使用一个带有小重复背景图像的div。如果你想保留所有代码,也可以尝试设置<ul>样式。