Поддерживает ли 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.
Этот веб может быть очень полезным: