css - 绘制的圆弧在 FF 中失真

Question

我正在尝试使用以下代码在圆内绘制弧线:

<div class="outer_circle">
 <div class='arc1'></div>
 <div class='arc2'></div>
</div>

在这里测试:http://jsfiddle.net/C9vVN/

该代码适用于 Chrome、IE 和 Opera，但在 Firefox 中看起来失真。

你有什么建议吗？

预先感谢您的帮助。

Answer 1

box-sizing 需要 firefox 的 -moz 前缀 (caniuse.com)。

-moz-box-sizing: border-box;
box-sizing: border-box;

这是一个 updated fiddle .