复制的网站中的图像拒绝加载

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的“另存为”功能时，该地址不存在。