cssinternet-explorer-8css3pie

background-size is not working in IE8

By referring to this website：http://css3pie.com/documentation/supported-css3-features/，

"background-size (will always use the image's intrinsic size) — this is supported as of PIE 2.0 beta"

Based on the documentation, background-size is now supported in PIE 2.0 beta, however, I'm unclear on how to make it works on IE8.

Before making changes: 

.navbar-inverse {
background:url('header_images/menu_bg.png');
background-size: 100% 50px;
}

The codes work fine for IE9 and IE10; but I want it works on IE8 too, so I added two lines:

.navbar-inverse {
background:url('header_images/menu_bg.png');
background-size: 100% 50px;
-pie-background: url('header7/header_images/menu_bg.png') no-repeat 100% 100% / 100% 50px;
behavior: url(header7/pie/PIE.php);

}

The background-size is still not functioning. It there anything wrong with my codes?

Solution

  • IE8 does not support background-size property.

    try out this polyfill from github.

    Using this should allow you to use background-size property in IE8 without any issues.