Question

作为标题，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;
}

适用于除IE11之外的所有其他浏览器（Chrome，Safari，Firefox）。

还有另一种方法可以在IE11中使边框图像工作吗？

Answer 1

我最好使用拆分语法。

此网站非常有用：

border image generator

Answer 2

根据http://caniuse.com/#feat=border-image上的说明：

请注意，必须同时指定border-style和border-width 边框图像根据规范工作，虽然旧的实现可能没有这个要求。部分支持是指支持简写语法，但不是单个属性（border-image-source，border-image-slice等）。

似乎IE 11是需要这两个属性才能显示border-image的浏览器之一。

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

2 个答案: