2014-01-27 2 views
0

Как название, поддерживает ли 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?

+0

Поддерживает ли Internet Explorer 11 border-image ?: Ответ: [Да] (http://caniuse.com/#search=border-image). – Spudley

+0

Вы проверили, что браузер находится в стандартном режиме IE11? Эта функция не будет работать в режиме quirks или в режиме совместимости. – Spudley

ответ

1

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

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

border image generator

+0

синтаксис split исправил это для меня в IE11! – wprater

1

В соответствии с запиской на http://caniuse.com/#feat=border-image:

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

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

+0

Это должен быть принятый ответ. – Dominic

+0

Учитывая, что два заданных свойства * заданы в вопросе, я не уверен, что это применимо. Реальная проблема заключается в том, что она должна * работать в IE11. Проблема в вопросе просто не может быть воспроизведена в ее нынешнем виде. – BoltClock

Смежные вопросы