IE8缩放图像以适应带有ms-filter的容器

时间:2013-07-18 11:12:14

标签: jquery internet-explorer-8

我使用以下函数将-ms-filter属性附加到每个div以扩展背景图像以适合IE8中的容器大小:

    $('.news-product .product-image').each(function(){
        var bg = $(this).css('background-image');
        bg = bg.replace('url("','').replace('")','');

        if(typeof bg !== 'none'){
            $(this).css({
                "-ms-filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+bg+"', sizingMethod='scale')"
            });
        }
    });

它添加了过滤器和sizingMethod,但没有添加src属性。 如果我手动添加它可以...

一些建议?

2 个答案:

答案 0 :(得分:3)

嗯,他明白了。添加"filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+bg+"', sizingMethod='scale')"时,它有效... 很奇怪!我认为IE8只需要-ms-filter

答案 1 :(得分:1)

我正在尝试几乎相同的事情。它被添加到元素的内联CSS中,但-ms-filter正在转换为MsFilter。我正在寻找一种方法来解决它,但只是简单地尝试filter并且它有效。