Поддерживает ли Internet Explorer 11 изображение границы?

Как заголовок, поддерживает ли Internet Explorer 11 изображение границы?

Потому что, если я использую этот CSS:

.windowtemplate {
    border: 18px solid black;
    -webkit-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round;
    -moz-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round;
    border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 18 round round;
}

работает во всех других браузерах (Chrome, Safari, Firefox), кроме IE11.

Есть другой способ заставить работать изображение границы в IE11?

2 ответа

Согласно примечанию на http://caniuse.com/:

Обратите внимание, что и border-style, и border-width должны быть указаны для работы с изображениями границ в соответствии со спецификацией, хотя в более старых реализациях этого требования может не быть. Частичная поддержка относится к поддержке сокращенного синтаксиса, но не отдельных свойств (border-image-source, border-image-slice и т. Д.).

Похоже, IE 11 является одним из тех браузеров, которым нужны эти два свойства для border-image появляться.

Я бы лучше использовал синтаксис split.

Этот веб может быть очень полезным:

генератор граничных изображений

Другие вопросы по тегам