Q

为什么border：5px虚线不会像Firefox中的虚线一样出现？

2011-01-21 51 views 4 likes

4

你可以在这里看到的实现：为什么border：5px虚线不会像Firefox中的虚线一样出现？

http://jsfiddle.net/Wtcdt/

在火狐在Mac上，该圆是圆/固体。我想要它虚幻或点缀。

什么使得它更诡异的是相同的属性（即border: 4px dashed #000）在HR上工作正常。那么为什么在涉及边界半径时不起作用呢？

这对我来说太奇怪了。

2011-01-21 marcamillion

+0

详细http://stackoverflow.com/a/26354776/2236219 – Manwal 2016-06-17 11:05:22

A

回答

5

It's a bug，WebKit有类似的问题，但它是fixed in June。 Here are all the other outstanding border-radius defects in Firefox。

2011-01-21 15:23:13 robertc

0

您的圈子太小。如果增加高度和宽度，您会注意到该形状会展开为一个圆角矩形，圆角边缘保持稳定，但线条会变为虚线。

2011-01-21 06:46:01 aqua

+0

其实，情况并非如此。看看这个：http：//jsfiddle.net/Wtcdt/18/另外，在Chrome中查看，然后在Firefox中查看。你会看到一个巨大的差异。我希望它像在Chrome中那样查看Firefox。 – marcamillion 2011-01-21 06:51:43

+0

非常有趣。看起来像一个错误。我使用Firefox 3.0.19。您？ – aqua 2011-01-21 07:19:01

0

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

2015-09-09 09:48:22

相关问题