邊界半徑和背景在Firefox不連結只

這裏是我的小提琴：http://jsfiddle.net/edelman/NJHLU/邊界半徑和背景在Firefox不連結只

基本上，如果有一個邊框，邊框和背景不實際接觸的元素上邊框半徑，創造了小內看起來很愚蠢的白色圓圈。

事情我已經試過，都沒有奏效：

background-clip和所有可能的值
overflow: hidden
border-collapse與這兩個值

似乎沒有任何工作。這只是一個FF渲染錯誤，我不得不處理？

我見過this question，但我沒有捆綁的奢侈品，因爲我做生成的內容（:before僞元素）這個CSS

編輯：我在使用box-shadow也嘗試代替邊界，但也有同樣的問題。

來源

2011-11-21 Jason

偉大的實驗。這很奇怪。 :) –

Firefox已經出現了多年使用'border-radius'繪製圓角的問題。在Firefox 2中甚至更糟糕的是，圓角**甚至沒有反鋸齒**。 – BoltClock

它確實看起來像是一個Gecko渲染錯誤，並且它可以非常好地報告這樣的事情，而不是（或者除此之外）只是在解決它們！它不像瀏覽器是不可改變的黑盒子，如果你在Firefox或Chrome中提交錯誤，它可以在幾個月內用戶正在使用的內容中修復。無論如何，我提交了https://bugzilla.mozilla.org/show_bug.cgi?id=704399 –

您可以使用您鏈接到的答案中描述的技術。添加FF黑客：

-moz-box-shadow:0px 0px 0px #2eb8ae;

來源

2011-11-21 20:04:05

我也嘗試過，實際上。它不起作用 – Jason

它在FF 8.0中創建的小提琴中起作用http://jsfiddle.net/brian3f/szKKC/ –

@Jason：你在哪個版本的Firefox上？ – BoltClock

邊界半徑和背景在Firefox不連結只

回答

相關問題