復制的網站中的圖像拒絕加載

Question

我復制了網頁以獲取一些啟發，但是當我在本地計算機上打開網頁時，圖像將不會加載。 當我在Firefox中查看Page Inspector器並將鼠標懸停在圖像源上時，它將在預覽窗口中顯示圖像。 圖像存儲在我的本地計算機上。 我也嘗試了沒有任何JavaScript的頁面，但是結果保持不變。

有人知道為什么圖像拒絕顯示嗎？

原文： https ： //www.bol.com/nl/account/login.html

在本地計算機上的外觀：

圖片的鏈接是100％正確的。

<h2 id="main_logo" class="omniture_main_logo">    
    <img class="print_logo" width="111" height="30" alt="" src="bol.com_files/bolcom_logo.png"></img>
    <a href="http://www.bol.com/nl/index.html">    
        bol.com    
    </a>    
</h2>

Answer 1

您將看到所有圖像都有一類print-logo 。 在CSS中，.print-logo display: none; 樣式，這意味着它不會顯示在屏幕上，但是大概會在打印時顯示。

圖像實際上是從以下精靈網格中繪制的： https : //ss-bol.com/nl/static/images/main/menu_sprite_grid100x50.png

確保在正確的位置將其保存在本地文件中。 CSS和Sprite實際上位於不同的域中： https://ss-bol.com/nl/static/ : https://ss-bol.com/nl/static/ ，正如您所知。

編輯：

所有的background-url似乎都位於CSS文件中，鏈接到index.html的head 。 我建議將main.2658368274.css（ 此處 ）文件下載到本地站點上的css/dist文件夾中，並將CSS鏈接更改為：

<link href="/css/dist/main.2658368274.css" rel="stylesheet" type="text/css" media="all">

然后，您可以將子畫面圖（ 在此處 ）下載到“ images / main”文件夾中。

希望對您有用。

Answer 2

我剛才自己嘗試過，看來該站點上的很多（如果不是全部）圖像都存儲為CSS背景圖像，並且Firefox無法下載或正確更改路徑。 例如，usp_banner.gif試圖從url("../../images/main/usp_banner.gif")加載，但是當您使用Firefox的“另存為”功能時，該地址不存在。