background-size not working in IE

Question

I have checked the other post. I am having some problem in using css3 property background-size in IE.

.topBar {
    width:100%;
    background:url(../siteImages/top_bar.png) repeat-x ;
    background-size:auto 43px;
    height:77px;
}

I know about this code for IE.

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

This will make the size of background to cover the area.

welcome to http://stackoverflow.com :) The background-size property is supported in IE9+, Firefox 4+, Opera, Chrome, and Safari 5+.IE 7/8 doesn't support this CSS3property — internals-in, Sep 13 '13 at 05:53

maikelsabido · Accepted Answer · 2013-09-13T06:31:47.830

1

background-size is a CSS3 property which isn't supported on IE8 and below.

You can also try this:

background:url(../siteImages/top_bar.png) 0 0 / auto 43px repeat-x fixed;

edited Sep 13 '13 at 06:31

answered Sep 13 '13 at 06:03

maikelsabido

1,253
4
18
37

background-size is supported on IE9. Are you sure your browser is in IE9 mode? Press F12 for Developer Window. – maikelsabido Sep 13 '13 at 06:28
Yes I am sure and i also checked the mode too. – bhawana Sep 13 '13 at 06:31
Strange. It really should work, I modified my answer above. Could you please try that? – maikelsabido Sep 13 '13 at 06:32
Thanks a lot for it. I changed the mode from IE9 compatibility to IE 9.Great Relief. – bhawana Sep 13 '13 at 06:34
That's great to hear! I would be grateful if you could mark this as an answer to your question. :) – maikelsabido Sep 13 '13 at 06:36

score 1 · Answer 2 · edited May 23 '17 at 11:56

1

try to add vendor

/* Vendor Prefixes used with the Cover Value*/
-webkit-background-size: auto 43px;
-moz-background-size: auto 43px;
-o-background-size: auto 43px;
background-size: auto 43px;

also check this

IE8 fix for background-size property? Retina Image

and this

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

edited May 23 '17 at 11:56

Community

1
1

answered Sep 13 '13 at 06:36

Gildas.Tambo

22,173
7
50
78

score 0 · Answer 3 · edited May 23 '17 at 10:25

0

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

However, there is a topic which gives possible solution: How do I make background-size work in IE?

edited May 23 '17 at 10:25

Community

1
1

answered Sep 13 '13 at 06:05

Rameez

1,712
2
18
39

background-size not working in IE

3 Answers3

Linked