Question

对于div元素的自定义边框，我有以下代码可以完美地在FF中工作，但是由于某些原因，边框图像未在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

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

1 个答案: