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

【问题标题】：Does Internet Explorer 11 support border-image?Internet Explorer 11 是否支持边框图像？
【发布时间】：2014-09-15 01:41:32
【问题描述】：

如题，Internet Explorer 11 是否支持border-image？

因为如果我使用这个 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 中工作吗？

【问题讨论】：

Internet Explorer 11 是否支持边框图像？：答案：Yes。
您检查浏览器是否处于 IE11 标准模式？此功能在怪癖模式或兼容模式下不起作用。

标签： internet-explorer internet-explorer-11 css

【解决方案1】：

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

请注意，必须同时指定边框样式和边框宽度边界图像根据规范工作，尽管较旧的实现可能没有这个要求。部分支持是指支持速记语法，但不是单个属性（border-image-source、border-image-slice 等）。

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

【讨论】：

考虑到问题中设置了两个必需的属性，我不太确定这是否适用。然而，真正的问题是它应该在 IE11 中工作。问题中的问题根本无法以其当前形式重现。

【解决方案2】：

我最好使用拆分语法。

这个网站很有帮助：

border image generator

【讨论】：

分割语法在 IE11 中为我解决了这个问题！