Q

爲什麼border：5px虛線不會像Firefox中的虛線一樣出現？

2011-01-21 47 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

相關問題