边界半径和背景在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不连结只

回答

相关问题