带有虚线或虚线边框的圆圈

Question

我很想知道是否有办法使用CSS创建带有虚线或虚线边框的圆圈（完全角落的元素）。我使用border: 1px dotted #000;和边界半径border-radius: 100px;执行此操作，但结果是意外的。查看http://jsfiddle.net/7jV8y/

中的结果

我看到一个带有实心边框的圆圈，似乎是因为角落。你知道任何解决方案吗？

Answer 1

如果您使用的是Firefox，则为known bug。您的选择是：

• 如果这仅仅是为了圆圈，请使用<canvas>绘制，例如正如所示here
• 使用SVG（可能是内联的），它支持stroke paths
的各种方式
• 只需制作PNG
• 修复错误，Mozilla肯定会欣赏;）