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