How to set an background-image (using filter attribute) for IE8 using jQuery?

Question

For Chrome and other browsers, we use

$('.dummyActive').live("click", function(event){

$('#imageClass').css("background-  image","url(web/M425/images/imgAcc/cards/"+arrayElement[this.id.match(/\d+/)]+") ");

});

Now, since background-size doesnt work with IE8, I am using this CSS,

.imageClass{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='web/M425/images/imgAcc/cards/summyImg.png',sizingMethod='scale')
}

and the above CSS works when i give it using CSS but I do not know how to set an image to a filter using jquery dynamically.

Now how do i set an image(for IE8) for the above dummyActive live function using javascript or JQuery.

So, i am trying to set filter attribute to dummyActive class(below peice of code) but its not working as i am using both kinds of inverted commas and double inverted commas.

$('.dummyActive').live("click", function(event){

$('#imageClass').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='web/M224/images/imgAcc/cards/"+arrayAccountImage[this.id.match(/\d+/)]+"',sizingMethod='scale'+")");

});

Answer 1

For the CSS filter try "-ms-filter" instead of "filter"

IE8 ignores "filter" CSS styles