div中的背景圖像不會加載，直到您刷新它

每次運行該項目。該頁面不會加載背景圖像，直到您刷新頁面2-3次或點擊瀏覽器的f12鍵。我也使用preload.js。div中的背景圖像不會加載，直到您刷新它

<div class="fill-screen" style="background-image:url(../images/office.jpg); " data-src="images/office.jpg">

腳本：

$(function() { 
var $this, src; 

    $('img').each(function(){ 
     $this = $(this); 
     src = $this.data('src'); 
     $this.attr('src', src); 
    }); 

    $('div').preload(function(){ 
     $(this).show(); 
     }); 

     });

，這是CSS。

.fill-screen{ 
    background-size: cover; 
    background-position: center; 
    background-color:greenyellow; 
}

我想知道我哪裏出錯了。我只是想當我運行它的頁面將加載一切。

來源

2015-11-05 user3427720

你不必在你的代碼中的任何''您 – mplungjan

包括jQuery的預加載後腳本？ – lgabster

@mplungjan是的，但經過多次刷新或點擊f12後，現在顯示背景圖像。如果我在這裏有一個錯誤，背景圖片不能完全顯示。 – user3427720

您在共享的代碼中沒有任何img元素，但是您使用的是背景img。

你沒有設置src值來更新你的例子中的圖像，你需要用url重寫背景圖片的css。

嘗試類似這樣的東西。

$('.fill-screen').each(function() { 
    var $this = $(this); 
    var src = $this.data('src'); 
    $this.css('background-image', 'url(' + src +')'); 
});

來源

2015-11-05 15:30:52

它仍然無法正常工作。我必須刷新頁面2-3次或點擊f12。我的代碼可能有什麼錯誤。 – user3427720

div中的背景圖像不會加載，直到您刷新它

回答

相關問題