代码之家  ›  专栏  ›  技术社区  ›  deilkalb

如何使用jQuery为IE8设置背景图像(使用过滤器属性)?

  •  2
  • deilkalb  · 技术社区  · 9 年前

    对于Chrome和其他浏览器,我们使用

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

    现在,由于背景大小不适用于IE8, 我正在使用此CSS,

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

    当我使用CSS时,上面的CSS可以工作,但我不知道如何使用jquery动态地将图像设置为过滤器。

    现在,如何使用javascript或JQuery为上述dummyActive活动函数设置图像(用于IE8)。

    所以,我尝试将filter属性设置为dummyActive类(在代码下面),但它不起作用,因为我同时使用了反逗号和双反逗号。

    $('.dummyActive')。实时(“点击”,功能(事件){

    $('#imageClass').css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='web/M224/images/imgAcc/cards/"+arrayAccountImage[this.id.match(/\d+/)]+"',sizingMethod='scale'+")");
    
    });
    
    1 回复  |  直到 9 年前
        1
  •  1
  •   Community Mohan Dere    8 年前

    对于CSS过滤器,请尝试使用“-ms过滤器”而不是“过滤器”

    IE8 ignores "filter" CSS styles

    推荐文章