虚线边框没有显示在Firefox中

Muk*_*ant 10 html css

我有一个半径div与5px虚线边框,但边框没有正确显示Firefox.它在IE和Chrome中表现出色.

Demo

 div{
        height:100px;
        width: 100px;
        background-color: #ccc;
        border-radius: 50%;
        border:5px dashed #333;
    }
Run Code Online (Sandbox Code Playgroud)

Man*_*wal 12

您的边框正在使用firefox,请参阅DEMO,您可以通过删除半径来检查它.当您尝试使用虚线边框进行循环时,FireFox会出现错误.

这是一个已知的错误.你的选择是:

  • 如果这仅仅是一个圆的缘故,与绘制<canvas>,例如作为证明这里
  • 使用SVG(可能是内联),它支持各种方式来描边路径
  • 只需制作一个图像PNG