css - 有什么方法可以“破解” Internet Explorer 10 以显示边框图像？

Question

我最近才意识到Internet Explorer 10 根本不支持 CSS 边框图像属性，甚至不使用供应商前缀。

我通常的首选解决方案是使用 CSS3 PIE，但是鉴于 Microsoft 已选择贬低对 IE10 中 .htc 行为的支持，这是一个相当独特的位置，无法提供很多帮助。在他们的论坛上有一个关于这个的讨论。

似乎有可能通过构建 CSS3 PIE 的自定义 JS 版本来解决问题，但我不愿意承受性能损失。

有没有人发现任何其他方法可以说服 IE10 支持边框图像（因为它真的应该！）。

Answer 1

IE10 并未完全删除对 HTC 行为的支持。如果您强制 IE10 模拟 IE9，您仍然可以使用它们，您可以通过添加以下元标记来做到这一点：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

这会让你再次使用 CSS3 PIE 的 HTC 行为，但也会阻止你使用 IE10 中引入的其他新功能。这是一个折衷方案，但可以让您的网站在 IE10 中按预期显示，直到有更好的border-imagepolyfill 可用为止。