Does Internet Explorer 11 support border-image?

对着背影说爱祢 提交于 2019-12-02 14:31:11

问题


As the title, does Internet Explorer 11 support border-image?

Because if i use this 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;
}

works in all other browsers (Chrome, Safari, Firefox) except IE11.

There is an other way to make border-image work in IE11?


回答1:


As per the note on http://caniuse.com/#feat=border-image:

Note that both the border-style and border-width must be specified for border-images to work according to spec, though older implementations may not have this requirement. Partial support refers to supporting the shorthand syntax, but not the individual properties (border-image-source, border-image-slice, etc).

It seems IE 11 is one of those browsers that does need these two properties for the border-image to appear.




回答2:


I would better use the split syntax.

This web can be very helpful:

border image generator



来源:https://stackoverflow.com/questions/21378917/does-internet-explorer-11-support-border-image

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!