我最近才来 realise that Internet Explorer 10 根本不支持 CSS border-image 属性,甚至不使用供应商前缀。
我通常的首选解决方案是使用 CSS3 PIE,但是考虑到 Microsoft 已选择在 IE10 中降低对 .htc 行为的支持,它处于无法提供很多帮助的相当独特的位置。在他们的论坛上有关于此的讨论 here .
似乎可以通过构建自定义 JS 版本的 CSS3 PIE 来解决问题,但我不愿意承受性能损失。
有没有人发现任何其他方法来说服 IE10 支持边框图像(它确实应该支持!)。
最佳答案
IE10 并未完全移除对 HTC 行为的支持。如果您 force IE10 to emulate IE9,您仍然可以使用它们,您可以通过添加以下元标记来实现:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
这会让您再次使用 CSS3 PIE 的 HTC 行为,但也会阻止您使用 IE10 中引入的其他新功能。这是一种权衡,但可以让您的网站在 IE10 中按预期显示,直到更好的 border-image
polyfill 可用。
关于css - 有什么方法可以让 'hack' Internet Explorer 10 显示边框图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16695521/