html - 为什么我的边框图像在 IE11 中不起作用？

Question

我有以下代码用于在 FF 中完美运行的 div 元素的自定义边框，但由于某种原因，边框图像未在 IE11 中显示:

CSS:

#example-border {
  border-color: orange;
  border-style:solid;
  border-width: 5px 5px 5px 5px;
  border-image: url("Box.jpg") 5 5 5 5 stretch stretch;
  -webkit-border-image: url("Box.jpg") 5 5 5 5 stretch stretch;
  -moz-border-image: url("Box.jpg") 5 5 5 5 stretch stretch;
}

HTML:

<div id="example-border" >
    <h2>Headline</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel tellus enim. Fusce quam leo, pulvinar in sodales a, placerat et arcu. Nunc ut sapien orci. Vestibulum facilisis faucibus nisl at ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Sed a purus quis lorem adipiscing tempus. Nullam et faucibus elit. Proin eget mauris orci, et egestas dolor. Nulla vulputate, mi nec bibendum vestibulum, augue nisl imperdiet risus, sed rhoncus velit neque in nisi.</p>
</div>

知道如何让它在 IE11 中工作吗？

谢谢，克里斯托夫

Answer 1

在 IE 11 中，border-image 属性未知，您可以阅读更多 here