Why is my border-image not working in IE11?

Question

I have the following code for a custom border of a div element perfectly working in FF, but for some reason the border-image is not displayed in 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>

Any Idea how to get this working in IE11?

Thanks, Christoph

Answer 1

在IE 11中，border-image属性是未知的，您可以在此处阅读更多内容