rounded-corners - border-radius 不适用于 img 元素

Question

我试图在 IE 10 中设置一个 border-radius，它不起作用，但在 IE 9 中有效。问题是当我只为图像的左上角定义半径时，图像不是围绕边界半径剪裁。

坏的:

<img style="border-radius: 14px 0px 0px 0px" alt="" src="">

现在，如果我向右上角或左下角添加第二个边界半径，则会应用左上角半径。

好:

<img style="border-radius: 14px 1px 0px 0px" alt="" src="">

此 URL 演示了问题并为不使用 IE 10 的用户添加了引用图像。

http://gamma.tiedtheleader.com/border-radius.htm

9 月 30 日更新:我在 Connect 网站上收到了 Microsoft 的回复，他们确认他们能够重现该问题并正在进一步调查。

Answer 1

我只是遇到了同样的问题，圆 Angular 没有在 IE 10 中应用于图像。最初我有这个:

border-radius: 45px 0 45px 0;

结果根本没有边界，更改 0 border-radius 之一使我的边界半径再次显示。

最后我应用了这个样式:

border-radius: 45px 0.1px 45px 0.1px;

这在其他浏览器中没有副作用，但我在 IE 10 中有后圆 Angular