Почему border: 5px dashed не выходит так, как пунктирный в Firefox?

Question

Вы можете увидеть реализацию здесь:

http://jsfiddle.net/Wtcdt/

В FireFox на Mac этот круг является круглым / сплошным.Я хочу, чтобы он был либо пунктирным, либо пунктирным.

Что еще более странно, так это то, что одно и то же свойство (т.е. border: 4px dashed #000) отлично работает на HR.Так почему же это не работает, когда задействован радиус границы?

Это так странно для меня.

Answer 1

Это ошибка , у WebKit была похожая проблема, но она была исправлена ​​в июне . Здесь перечислены все остальные дефекты радиуса границы в Firefox .

Answer 2

Это ошибка Firefox.Обычно вы должны либо сделать сплошную границу, либо удалить радиус.Но если оба свойства важны, тогда вы можете заменить угол изображением следующим образом: http://eblog.foysalremon.com/dashed-border-radius-corners-rendered-as-solid-on-firefox-solved/

Answer 3

Ваш круг слишком мал.Если вы увеличите высоту и ширину, вы заметите, что форма расширяется до прямоугольника с закругленными углами, закругленные края остаются сплошными, но линии становятся пунктирными.