我使用ColorZilla生成的CSS3渐变。我很确定导致问题的是DATA URI。这是我的小提琴：http://jsfiddle.net/cY7Lp/。
在WebKit＆amp; Firefox，角落应该是圆角，但是在IE9中，角落是圆角的，渐变在它们外面流出，我不希望渐变在角落外面流血。有人知道为什么会这样吗？
--- ---编辑
我忘了提及，内联元素不会发生这种情况，只会阻止元素。
答案 0 :(得分：3)
它与您的SVG图像或其数据URI无关，但它与您的filter有关。您正在使用的filter属性生成的效果不会被border-radius剪切，并且经常会与某些其他内容重叠，例如背景图片。
这是真正的错误还是非预期的副作用，我不知道，但这是IE9的原因，因为它没有实现CSS3渐变 - 只有IE10会这样做。
由于您无论如何都在使用SVG图像，因此您可以轻松地使用SVG图像，而不是使用filter。
答案 1 :(得分：0)