小编典典

Firefox中未显示虚线边框

css

我的半径div带有5px虚线边框,但边框在中无法正确显示Firefox。它在IE和chrome中显示良好。

[Demo](http://jsfiddle.net/64j3w00k/)

 div{
        height:100px;
        width: 100px;
        background-color: #ccc;
        border-radius: 50%;
        border:5px dashed #333;
    }

阅读 339

收藏
2020-05-16

共1个答案

小编典典

您的边界在Firefox上运行,请参见DEMO您可以删除半径来检查它。当您尝试用虚线边框画圈时,FireFox出现错误。

这是一个已知的错误。您的选择是:

  • 如果只是为了画圆,请用绘制<canvas>,例如此处所示
  • 使用SVG(可能是内联),它支持多种描边路径的方式
  • 制作图片PNG
2020-05-16