2016-09-20 56 views
0

我使用jQuery的背景圖像設置爲一張我的網站是這樣的:jQuery的CSS背景圖像上再次重溫

$('.header-image').css('background-image', 'url(/img/image.jpg)'); 

然而,當我回到那我可以在網絡管理器中看到它再次下載該映像,而Chrome和Firefox則不會。

任何想法是怎麼回事?

編輯:該圖像爲500kb,在300kb嘗試與另一個,產生相同的結果。

編輯:更正了網址上的引號,這些引號出現在我的代碼中,並且不會影響我的問題。

+0

它有多大?因爲我thougt safari緩存限制較低,其他瀏覽器(至少在移動設備上)可能類似 – namlik

+0

它與其他瀏覽器具有不同的緩存實現。 – ajmajmajma

回答

0

我認爲你需要重寫一遍

$('.header-image').css('background-image', 'url("/img/image.jpg")'); 
+0

爲什麼?沒有引號的語法是完全有效的;如果不是,畢竟圖像根本不會加載。 –

+0

我在控制檯中試過了,直到我添加了引號纔會執行。 – Blynn

+0

我的不好,我寫這篇文章時沒有添加引號就替換了這一行。 –