css - 有什么方法可以让 'hack' Internet Explorer 10 显示边框图像?

标签 css internet-explorer-10

我最近才来 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/

相关文章:

internet-explorer - IE10支持OTF吗?

CSS 菜单在 IE10 兼容模式下无法正常工作

html - 让侧边栏占用内容空间

html - 保持绝对定位的 div 相对于容器而不是屏幕居中

jquery - 为过渡定位按钮

html - 如何按特定顺序对齐列表元素

css - 对每一行的三个元素重复一个 CSS 效果

html - IE10+ 中的条件注释来处理缺少文本渲染声明

javascript - 调试 Internet Explorer 9-10 崩溃

css - IE10 停止滚动条出现在内容上并消失