CSS background-size not working in IE7/8 [duplicat

Question

This question already has an answer here:

• How do I make background-size work in IE? 9 answers

For some reason my background size is not working in IE 7&8. Can anyone tell me why. Also in the IE inspector, the background-size property is not showing up.

<a href="" class="twitter-custom-follow-button"></a>

.twitter-custom-follow-button {
  float: left;
  width: 96px;
  height: 20px;
  background: url(../img/slices/btns/twitter_follow.png);
  background-size: 96px 20px;
  background-repeat: no-repeat;
}

Answer 1

use this one code

 filter:progid:DXImageTransferform.microsoft.AlphaImageLoader(src='img.jpg',sizingMethod='scale')

Answer 2

That's because background-size is a CSS3 property which isn't supported before IE9.

However, there is a thread which suggests a possible workaround: How do I make background-size work in IE?

Answer 3

IE 7/8 doesn't support the background-size property .. you will need to use javascript if you want the same functionality

Answer 4

IE7/8 do not support background-size. It was only introduced in IE9.

If you want to support IE7/8 with this property, you'll need to use a polyfill script for it.

The only polyfill I know of that supports background-size is CSS3Pie v2. Give it a go. (it also adds support for several other CSS features that aren't in old IE versions)