在IE 6和7中使用jquery設置div背景圖像

嗨，我想應用一個背景圖像到使用jquery的div。我使用的代碼在除IE 6和7（我需要支持的最弱的瀏覽器）之外的所有瀏覽器中都能正常工作。如果我靜態地將樣式標籤應用於我的div，它確實顯示圖像，但是當我使用jquery應用它時，它不會。我正在使用IE Tester在IE 6和7中測試。當我查看解釋的源代碼時，它顯示了正確標籤上具有正確背景屬性的樣式屬性。在IE 6和7中使用jquery設置div背景圖像

這裏是代碼我使用

HTML：

<div class="overlay">

JQuery的：

var img-src = 'url('+$('.img-src').text()+')'; 
$('.overlay').css('background-image', img-src);

注：我一直在使用的關鍵 '和backgroundImage' 而不是「也試過背景 - 圖像'作爲css函數的參數。使用背景圖像是什麼讓它出現在IE 8中。有沒有人遇到類似的問題並且知道解決方法？

更新：我試圖讓出現的圖像實際上確實出現在IE 6中，現在只是IE 7給了我麻煩。

來源

2011-07-26 aamiri

你的代碼是無效的。一個變量不能被命名爲'img-src'（用下劃線代替破折號）。 – ThiefMaster

我的變量在實際代碼中的名稱不是img-src。我改變了名字以符合我公司的保密政策。真正的變量名稱是一個沒有任何連字符的單詞。 – aamiri

試試這個

$('.overlay').css('background-image', $('.img-src').text());

來源

2011-07-26 15:55:35 ShankarSangoli

這表示感謝！ – aamiri

你有沒有嘗試過這樣的：

$('.overlay').css('background', img-src + ' no-repeat top left');

來源

2011-07-26 15:50:29 locrizak

在IE 6和7中使用jquery設置di​​v背景圖像

回答

相關問題

在IE 6和7中使用jquery設置div背景圖像