我最近才来realise that Internet Explorer 10根本不支持CSS border-image属性,甚至不使用供应商前缀。
我的正常解决方案是使用CSS3 PIE,但是由于微软已经选择在IE10中贬低对.htc行为的支持,因此处于相当独特的位置无法做很多事情。在他们的论坛here上讨论了这个问题。
似乎有可能通过构建CSS3 PIE的自定义JS版本来解决这个问题,但我不愿意接受性能影响。
有没有其他任何方法可以说服IE10支持边框图像(因为它确实应该!)。
答案 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可用。