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

Javascript 复制的网站中的图像拒绝加载,javascript,html,css,Javascript,Html,Css,我复制了一个网页以获得一些灵感,但当我在本地机器上打开它时,图像将无法加载。当我在Firefox中查看页面检查器并将鼠标悬停在图像源上时,它会在预览窗口中显示图像。图像存储在我的本地机器上。我也尝试过不使用任何JavaScript的页面,但结果保持不变 有人知道为什么这些图片拒绝出现吗 原件: 在我的本地计算机上的外观: 指向图像的链接100%正确 <h2 id="main_logo" class="omniture_main_logo"> <img clas

我复制了一个网页以获得一些灵感,但当我在本地机器上打开它时,图像将无法加载。当我在Firefox中查看
页面检查器
并将鼠标悬停在图像源上时,它会在预览窗口中显示图像。图像存储在我的本地机器上。我也尝试过不使用任何JavaScript的页面,但结果保持不变

有人知道为什么这些图片拒绝出现吗

原件:

在我的本地计算机上的外观:

指向图像的链接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>

您将看到所有图像都有一类
打印徽标。在CSS中,.print徽标有一个
显示:无样式,这意味着它不会显示在屏幕上,但可能会在打印时显示

这些图像实际上是从以下精灵网格绘制的:

请确保您的本地文件中有正确的位置。CSS和精灵实际上位于不同的域:
https://s.s-bol.com/nl/static/
,就让你知道

编辑:

背景URL似乎都在index.html的
头中链接到的CSS文件中。我建议将main.2658368274.css()文件下载到本地站点的
css/dist
文件夹中,并将css链接更改为:

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

然后可以将sprite映射()下载到“images/main”文件夹中


希望对你有用。

我刚才自己也尝试过,似乎这个网站上的很多(如果不是全部)图像都存储为CSS背景图像,firefox没有下载它们或正确更改路径。例如,usp_banner.gif试图从
url(“../../images/main/usp_banner.gif”)
加载,但当您使用Firefox的“另存为”功能时,该功能不存在。

您是否尝试过“inspect元素”并查看是否有一些CSS隐藏图像?这里没有足够的信息可以确定,bol.com_files/bolcom_logo.png不应该是bol.com/files/bolcom_logo.png吗?尝试用正斜杠替换下划线。@Zac.Ledyard路径正确,因此我应该下载sprite,查看正在绘制图像的javascript代码,并调整图像源?我已经进行了编辑,希望能让您满意