在 IE11 中使用边框图像（带切片）？

Question

我所拥有的是在 Chrome 中出色地工作，目前我为其他浏览器（而不是 box-shadow）使用 IE 和 Firefox 特定的媒体查询来单独满足每个浏览器的替代 CSS（有点花哨但必要)。

我尝试使用 css3pie 让边框图像工作，因为我知道 IE 不支持它，它工作了一点（填充不起作用），但使用 IE Emulation 只能达到 IE10。

我在here 上读到，IE11 现在支持边框图像，但我无法让它工作。谁能告诉我我错过了什么？

#header_right{
            border-width: 20px 0 20px 0;
            border-image: url(../../img/bordernew.png)50 0 50 0 repeat;
            -webkit-border-image: url(../../img/bordernew.png)50 0 50 0 repeat;
            -moz-border-image: url(../../img/bordernew.png)50 0 50 0 repeat;
            border-image-slice: 50 0 50 0 fill;
            border-image-width: 20 0 20 0;
            }

我最初尝试在 Chrome 上做的时候做了一个 sn-p - 语法有点不同（类而不是 ID 等）但效果是一样的 - 在 Chrome 中都很好，在 IE11 中没有.

这并不是我所说的世界末日，我有替代方案，但如果可能的话，我真的希望它在所有浏览器上始终如一地出现。

感谢您的帮助，我已经尝试了我能想到的一切，以及已经在此处和我能找到的每个 Google 结果中提出的所有建议。

谢谢

body {
    background-image: url("http://s27.postimg.org/7uqejz1sz/mad_scientist.jpg");
}
.border {
  border-width: 20px 0 20px 0;
  border-image: url(http://s28.postimg.org/uau8kjl4d/bordernew.png) 50 0 50 0 repeat;
  -webkit-border-image: url(http://s28.postimg.org/uau8kjl4d/bordernew.png) 50 0 50 0 repeat;
  -moz-border-image: url(http://s28.postimg.org/uau8kjl4d/bordernew.png) 50 0 50 0 repeat;
  border-image-slice: 50 0 50 0 fill;
  border-image-width: 20 0 20 0;
  width: 100%;
  height: 60px;
}
.p {
  font-weight: bold;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

<div class="border" style="text-align:center;">
  <br />
  <span class="p">Coming soon...</span>
  <br />
  <br />
</div>

Answer 1

啊 - 终于通过添加border-style:solid 解决了！也可以在 Firefox 中使用！