背景圖片不會出現在ie7

我試過使用js-lumulus庫 http://jeroenvanwarmerdam.nl/content/resources/javascript/jscumulus/js-cumulus.html 而在IE7中沒有出現藍色背景圖片。但是，如果我在庫初始化後使用這個jQuery代碼，它就可以工作。背景圖片不會出現在ie7

jQuery('.tagCloud').css('background-image', 'url(bg_blue.gif)');

我怎樣才能做到這一點只用CSS，因爲它工作在其他瀏覽器？

來源

2012-12-07 Steven Espinosa

你有絕對路徑測試嗎？ – Adrian

我對CSS和jQuery和CSS使用相同的規則，一個不起作用。 –

請嘗試：

jQuery('.tagCloud').css('background-image', 'url(/bg_blue.gif)');

或

jQuery('.tagCloud').css('background-image', 'url("/bg_blue.gif")');

或

jQuery('.tagCloud').css('background-image', 'url("bg_blue.gif")');

來源

2012-12-07 13:11:41

您必須將URL更改爲： ** url（「/ content/resources/javascript/jscumulus/bg_blue.gif」）** so： ** jQuery（'。tagCloud'）。css（'background-圖像'，'url（「/ content/resources/javascript/jscumulus/bg_blue.gif」）'）; ** –

jQuery代碼的工作，但不是在CSS中確切的。我如何修復CSS在IE7中工作。在IE8中工作。 –

@StevenEspinosa如果你的CSS文件位於一個目錄或其他地方，那麼URL路徑應該與該位置（css文件的）匹配。 – Adrian

這應該工作：

# Notice the double quotes around the filename. 
jQuery('.tagCloud').css('background-image', 'url("bg_blue.gif")');

來源

2012-12-07 13:12:00 Anil

我的jQuery工作，但不是該頁面上的CSS。 –

您也可以將css類也賦予該元素。

.imageclass 
{ 
    background-image:url(/bg_blue.gif); 
} 


$('.tagCloud').addClass('imageclass'); // same way you can use remove class

來源

2012-12-07 13:43:57 Hiral

背景圖片不會出現在ie7

回答

相關問題