Почему мое изображение границы не работает в IE11? - PullRequest
Новая
       11

Почему мое изображение границы не работает в IE11?

0 голосов
/ 25 октября 2018

У меня есть следующий код для пользовательской границы элемента 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?

Спасибо, Кристоф

1 Ответ

0 голосов
/ 25 октября 2018

В IE 11 атрибут border-image неизвестен, вы можете прочитать больше здесь

...