在 IE10 和 IE11 中,我必须为图像使用 SVG 标签。
图像正确呈现,但不是它们的样式 (border-radius)。
如何将样式 (border-radius) 应用于 IE10+ 中的图像。
border-radius: 4px;
我需要支持所有主流浏览器(Webkit、Mozilla、IE8+)
我的例子
<强> http://jsfiddle.net/KDtAX/3298/ 强>
在这里您可以看到(我认为在所有浏览器中,除了 IE10+)图像有圆 Angular ,但是当您在 IE10+ 中打开它时,它没有。
我找到了一些描述可能解决方案的帖子。
这里有直播example
最佳答案
工作:http://jsfiddle.net/KDtAX/3304/
新代码:
svg, img {
border-radius: 8px;
border: thin solid black;
}
我认为所需要的只是 svg 和 img 的规则。
关于javascript - 使用 CSS 样式化 SVG 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26804187/