有什么办法'破解'Internet Explorer 10显示边框图像?

时间:2013-05-22 15:15:10

标签: css css3 internet-explorer-10

我最近才来realise that Internet Explorer 10根本不支持CSS border-image属性,甚至不使用供应商前缀。

我的正常解决方案是使用CSS3 PIE,但是由于微软已经选择在IE10中贬低对.htc行为的支持,因此处于相当独特的位置无法做很多事情。在他们的论坛here上讨论了这个问题。

似乎有可能通过构建CSS3 PIE的自定义JS版本来解决这个问题,但我不愿意接受性能影响。

有没有其他任何方法可以说服IE10支持边框图像(因为它确实应该!)。

1 个答案:

答案 0 :(得分:4)

IE10不完全删除对HTC行为的支持。如果您force IE10 to emulate IE9,您仍然可以使用它们,您可以通过添加以下元标记来执行此操作:

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

这会让你再次使用CSS3 PIE的HTC行为,但它也会阻止你使用IE10中引入的其他新功能。这是一个权衡,但允许您的网站在IE10中按预期显示,直到有更好的border-image polyfill可用。