为什么border:5px在Firefox中没有破灭?

时间:2011-01-21 06:32:25

标签: html border css3

您可以在此处查看实施:

http://jsfiddle.net/Wtcdt/

在Mac上的FireFox中,该圆圈为圆形/实心。我想要它破折或点缀。

甚至更奇怪的是,相同的属性(即border: 4px dashed #000)在HR上工作正常。那么为什么在涉及border-radius时它不起作用呢?

这对我来说太奇怪了。

3 个答案:

答案 0 :(得分:5)

答案 1 :(得分:0)

你的圈子太小了。如果增加高度和宽度,您会注意到形状扩展为圆角矩形,圆角边缘保持不变,但线条变为虚线。

答案 2 :(得分:0)

它是一个Firefox错误。通常,您必须创建实线边框或删除半径。但是如果两个属性都很重要,那么你可以用这样的图像替换角落:http://eblog.foysalremon.com/dashed-border-radius-corners-rendered-as-solid-on-firefox-solved/