2013-12-12 22 views
0

我需要爲IE瀏覽器添加background-size: cover到動態創建的背景圖片。 我必須補充thisto我的元素內聯CSS:添加字符串到JQuery的內聯CSS?

<div style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgsrc + "', sizingMethod='scale');"> 

我曾嘗試:

var iehackstring = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgsrc + "', sizingMethod='scale');"; 

$(this).css(iehackstring); 

和:

var iehackstring = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgsrc + "', sizingMethod='scale');"; 

$(this).css("filter" : iehackstring); 

但不能讓它開始工作。

有沒有人知道一個很好的方法來做到這一點?

+1

爲什麼不把它放在一個CSS文件中並將其包裝在IE條件中? –

+0

@Justin是對的。只需將它放在一個CSS文件中,然後向目標添加一個類 –

+1

$('head')。append($(「」).text(iehackstring)) – dandavis

回答

0

這不是優雅,但你可以試試這個:

$(this).attr("data-original-style", $(this).attr("style")); 
$(this).attr("style", $(this).attr("style") + "[your new style comes here"]); 

萬一你再次需要原始..你可以剛剛從attr("data-original-style")得到它,並再次將其設置爲style