Internet Explorer 11是否支持边框图像？ [英] Does Internet Explorer 11 support border-image?

问题描述

标题，Internet Explorer 11是否支持边框图像？

因为如果我使用这个CSS：

  .windowtemplate {
 border：18px solid black; 
 -webkit-border-image：url（../ images / windowtemplate / boxtemp.png）18 18 18 18 round round; 
 -moz-border-image：url（../ images / windowtemplate / boxtemp.png）18 18 18 18 round round; 
 border-image：url（../ images / windowtemplate / boxtemp.png）18 18 18 18 18 round round; 
} 
  

适用于所有其他浏览器（Chrome，Safari，Firefox） / p>

有一种方法可以在IE11中使边框图像工作。

解决方案

根据 http://caniuse.com/#feat=border-image：

请注意，border-style和border-width都必须为
指定border-images到spec，虽然旧实现
可能没有这个要求。部分支持指支持
的速记语法，但不支持单个属性
（border-image-source，border-image-slice等）。

看来IE 11是其中一个浏览器，需要这两个属性 border-image 出现。

As the title, does Internet Explorer 11 support border-image?

Because if i use this CSS:

.windowtemplate {
    border: 18px solid black;
    -webkit-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round;
    -moz-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round;
    border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 18 round round;
}

works in all other browsers (Chrome, Safari, Firefox) except IE11.

There is an other way to make border-image work in IE11?

解决方案

As per the note on http://caniuse.com/#feat=border-image:

Note that both the border-style and border-width must be specified for border-images to work according to spec, though older implementations may not have this requirement. Partial support refers to supporting the shorthand syntax, but not the individual properties (border-image-source, border-image-slice, etc).

It seems IE 11 is one of those browsers that does need these two properties for the border-image to appear.

这篇关于Internet Explorer 11是否支持边框图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！