All geek questions in one place

Any way to hack Internet Explorer 10 to display a border image?

I just recently realized that Internet Explorer 10 does not support the CSS border-image property at all, without even using a vendor prefix.

My usual solution would be to use CSS3 PIE, however, in a rather unique position, being unable to do much to help, given that Microsoft decided to discount support for .htc behavior in IE10. There is a discussion about this in the forums here .

It seems possible that it might be necessary to create a custom JS version of CSS3 PIE, but I don't want this to happen.

Is there any other way that anyone has discovered to convince IE10 to support a border image (as it should be!).

+6
source share
1 answer

IE10 does not completely remove HTC behavior support. You can use them if you force IE10 to emulate IE9 , which you can do by adding the following meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

This will allow you to reuse HTC’s CSS3 PIE behavior, but it will also prevent you from using other new features introduced in IE10. This is a compromise, but one that would allow your site to appear as expected in IE10 until a better border-image polyfill appears.

+4
source

Source: https://habr.com/ru/post/945606/

More articles:


All Articles