IE8 Background-size not working

Question

I'm trying to fill that my image fits the size of the DIV. I already find that "background-size: contain" is not working for Internet Explorer 8.

Is there a possible workaround for my specific code.

    .thumb {
        /* Select a maximum height and width to allot for each thumbnail. Set margin size here as well. */
        height: 125px;
        width: 135px;
        /* Do not edit these properties. */
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

In my javascript:

            $('.thumb:' + place).css("background-image", 'url(' + entry.thumbnailURL + ')');
            $('.thumb:' + place).css("filter", 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + entry.thumbnailURL + ',sizingMethod='scale')');
            $('.thumb:' + place).css("-ms-filter", 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + entry.thumbnailURL + ',sizingMethod='scale')');

It's not supported in IE8. http://caniuse.com/#search=background-size — naththedeveloper, Feb 17 '15 at 17:12
possible duplicate of [How do I make background-size work in IE?](http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie) — Alexander O'Mara, Feb 17 '15 at 17:23
I have updated my javascript source. With this code I get an 'Unexpected identifier' — Timvdb92, Feb 18 '15 at 08:34

score 0 · Accepted Answer · answered Feb 18 '15 at 08:43

0

You get an Unexpected identifier because of these two bits:

 ',sizingMethod='scale')');

You must change it to

',sizingMethod=\'scale\')');

or

',sizingMethod="scale")');

answered Feb 18 '15 at 08:43

CᴴᵁᴮᴮʸNᴵᴺᴶᴬ

4,062
2
22
36

IE8 Background-size not working

1 Answers1