IE9过滤渐变和边界半径冲突

Question

我试图在同一个元素上使用渐变效果和边框半径,但它们之间存在冲突.渐变工作正常,但它使边框半径不起作用.

这是脚本

.selector {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4317',endColorstr='#891a00');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

我不想使用任何.htc文件.

这是过滤器和边界半径之间的已知问题吗？

谢谢.

Answer 1

您可以使用SVG渐变,这是一个在IE9中使用的示例border-radius:http://jsfiddle.net/thirtydot/Egn9A/

要生成SVG渐变,请使用:http://www.colorzilla.com/gradient-editor/.您没有提及尝试使其在IE的其他浏览器/版本中工作,但如果您正在尝试这样做(可能是因为您正在使用filter),请使用"IE9支持"部分中描述的方法.

另一个生成SVG渐变的网站:http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html