Css IE9中圆角渲染混乱

我正在寻找Windows7中IE9中一些非常奇怪的渲染问题。我在任何有渐变的地方都使用微软的“过滤”方法，它是HTML5，所有东西都是标准模式

请注意，因为有一些混乱：这是发生在任何有圆角的地方，包括在没有渐变，甚至没有背景色的情况下。具体问题可以在下面的屏幕截图中看到，在元素内部的x轴上，边框和颜色的间隙重复出现

据我所知，我已经正确设置了所有内容，当然，在firefox和webkit浏览器中，所有内容都呈现得很好

有人见过这个吗？我在追我的尾巴，谷歌搜索出现了蹲

输入框：

具有渐变背景的DIV：

编辑：

---

下面提供的twitter引导链接在其所有示例元素上显示了完全相同的问题。比我聪明的人都在做这个项目，所以我觉得单凭CSS是无法解决的。请随意关闭。

IE过滤器和圆角不能很好地配合使用。你将不得不在IE的纯色背景色或方角之间进行选择。供应商前缀的渐变将是，所以至少是这样

推特在网站上记录了这一点，并表示：

---

“在IE9中，我们将所有按钮上的渐变放在圆角上，因为IE9不会将背景渐变裁剪到角上。”这是IE9中的一个已知错误，没有真正简单的解决方案*来消除它。最简单的方法是：

• 使用包含渐变的背景图像，而不是IE<10的渐变
• 对于IE<10，使用普通背景色而不是渐变色

例如，我们也必须处理这个问题。他们已选择在您执行以下操作时为按钮使用普通背景色：

在IE9中，我们在所有按钮上添加渐变以支持圆角 角点，因为IE9不会将背景渐变裁剪到角点

---

*ie解决方案的丑陋svg:

可能重复的。如果您不介意使用额外的包含元素来执行剪切，则似乎有最佳解决方案。这不是重复的。。。我在这里发布的问题发生在任何有圆角、渐变背景或没有圆角的地方。请参见上面输入框的屏幕截图。您的问题只提到了渐变，但尽管如此，我在副本中为您指出的解决方案也应该解决这一问题。我很感激与其他线程的链接，我相信这将有助于解决上面“带渐变背景的DIV”图像中的一个问题。然而，如果你回顾上面的文章，你会发现另一个线程与所示的主要问题没有关系。出血不是我试图解决的问题。正确，但我仍然认为它也能解决第一个问题，因为您将边界半径应用于祖先元素而不是输入元素。引用得很好-您比我快了一分钟左右！重复问题中的答案表明，可以通过设置父元素上的边界半径和子元素上的渐变来应用剪裁。工作示例。@AndyE-同意，这应该作为副本关闭-如果圆角和渐变都是必需的，那么额外的元素是最优雅的解决方案。即使没有渐变，也会发生这种情况。更新了上面的图片。