我应用“边框底部：#F60点.3em;”转换为div，Firefox将圆点呈现为圆形，Chrome则将其显示为块状破折号。有人愿意吗？
mwngjboj1#
如果边框相同很重要，你可以查看CSS3的border image属性：http://www.css3.info/preview/border-image/对于Chrome，它将是-webkit-border-image:
-webkit-border-image:
arknldoa2#
规范没有定义“点”在该详细级别上的含义。这两个浏览器只是对它的解释不同。This is not a problem。
3df52oht3#
作为一个平面设计师，这对我来说确实是一个问题。:dotted;和:dashed;是单独指定的，原因是矩形不是圆形。虽然可以解决这个问题，但在远程工作的Web构建者通常不会发现差异。就他们而言，简报已经完成。公平地说，在1px时，这不是一个问题，但当使用较重的虚线作为设计元素，并在图形上选择代码以保存页面加载时，事情可能会变得非常糟糕。
:dotted;
:dashed;
对于那些需要一个单一的虚线，绝对必须是一个真正的虚线，我会建议一个小的重复背景图像的div。如果你想保留所有的代码，也可以尝试样式化一个<ul>。
<ul>
3条答案
按热度按时间mwngjboj1#
如果边框相同很重要，你可以查看CSS3的border image属性：http://www.css3.info/preview/border-image/对于Chrome，它将是
-webkit-border-image:arknldoa2#
规范没有定义“点”在该详细级别上的含义。这两个浏览器只是对它的解释不同。This is not a problem。
3df52oht3#
作为一个平面设计师，这对我来说确实是一个问题。
:dotted;和:dashed;是单独指定的，原因是矩形不是圆形。虽然可以解决这个问题，但在远程工作的Web构建者通常不会发现差异。就他们而言，简报已经完成。公平地说，在1px时，这不是一个问题，但当使用较重的虚线作为设计元素，并在图形上选择代码以保存页面加载时，事情可能会变得非常糟糕。对于那些需要一个单一的虚线，绝对必须是一个真正的虚线，我会建议一个小的重复背景图像的div。如果你想保留所有的代码，也可以尝试样式化一个
<ul>。