CSS background-size not working in IE7/8

Question

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;
}

`background-size` is a CSS3 property, IE8- doesn't support it => http://caniuse.com/background-img-opts — PlantTheIdea, Apr 02 '13 at 14:30
http://stackoverflow.com/questions/4885145/ie-8-background-size-fix — CBroe, Apr 02 '13 at 14:31
Ok, I don't know why but I thought I read somewhere that it DID work on IE7/8. Well I was wrong. this thread may be closed. — Nealv, Apr 02 '13 at 14:33
If you want to withdraw the question, the best way is to delete it yourself. — Wesley Bland, Jul 28 '14 at 19:13

score 9 · Accepted Answer · edited May 23 '17 at 10:31

9

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?

edited May 23 '17 at 10:31

Community

1
1

answered Apr 02 '13 at 14:30

dsgriffin

66,495
17
137
137

score 2 · Answer 2 · answered Apr 02 '13 at 14:30

2

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

answered Apr 02 '13 at 14:30

Adrift

58,167
12
92
90

score 0 · Answer 3 · answered Apr 02 '13 at 14:33

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)

score 0 · Answer 4 · edited May 14 '14 at 10:50

0

use this one code

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

edited May 14 '14 at 10:50

Lodder

19,758
10
59
100

answered Apr 18 '14 at 10:53

Deepak Singh

460
2
7
19

CSS background-size not working in IE7/8

4 Answers4

Linked

Related