函数添加到内联html样式属性不在IE中工作

时间:2013-01-06 17:47:53

标签: jquery css replace

我目前正在使用此函数添加到posternew imgframe div的样式属性:

$(function () { $('.posternew .imgframe').each(function () { 
    $(this).attr("style", $(this).attr("style").replace("background:", ""));
    $(this).attr('style', 'background:url(images/new.png),' + $(this).attr('style')); 
    });  
});

这在Chrome和Firefox中完美运行,但不会在IE 9或10下。我尝试过稍微不同的格式化,但无济于事。关于为什么这在IE中不起作用的任何想法?

这会在Chrome和Firefox中创建此html:

<div class="imgframe" style="background:url(images/new.png), url(images/boxart/blah.jpg);"></div>

但在IE中显示:

<div class="imgframe"/>

1 个答案:

答案 0 :(得分:3)

那怎么样?

$(".posternew .imgframe").css("background-image", "url('images/new.png')");

无需解析style属性,只需使用.css()