图像拒绝加载

我复制一个网页一些灵感，但是当我打开我的本地机器上的图像将不会加载。当我查看Firefox中的Page Inspector并将鼠标悬停在图像源上时，它会在预览窗口中向我显示图像。这些图像存储在我的本地机器上。我也尝试了没有任何JavaScript的页面，但结果保持不变。图像拒绝加载

是否有人有一个想法，为什么图像不肯露面？

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

它的外观我的本地机器上：

enter image description here

到图像的链接是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>

来源

2014-04-13 David

你有没有试过“检查元素”，看看你是否有一些隐藏图像的CSS？这里没有足够的信息来确认 – fiction

不应该bol.com_files/bolcom_logo.png是bol.com/files/bolcom_logo.png吗？尝试用正斜杠替换下划线。 –

@ Zac.Ledyard的路径是正确的 – David

您会看到所有图像都有一类print-logo。在CSS中，.print-logo具有display: none;样式，这意味着它不会显示在屏幕上，但大概会在打印时显示。

图像是实际从以下精灵电网得出：

请确保您有这个在您的本地文件，在正确的位置。 CSS和精灵实际上位于不同的域：https://s.s-bol.com/nl/static/，只是你知道的。

编辑：

背景的URL都似乎是在CSS文件中的index.html的head挂钩。我建议下载main.2658368274.css（here）文件到本地站点上的一个css/dist文件夹，并改变CSS链接：

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

然后，您可以下载精灵地图（here），成`images/main'文件夹。

希望能为你工作。

来源

2014-04-13 17:33:15 happyjack

所以我应该下载精灵，在JavaScript代码中绘制图像并调整图像源？ – David

我已经做了一个编辑，希望能让你的工作适合你 – happyjack

我没有尝试过自己刚才，看来本网站上的图像的许多（如果不是全部）存储为CSS背景图像和Firefox不下载或者适当改变的路径。例如，usp_banner.gif尝试从url("../../images/main/usp_banner.gif")加载，但在使用Firefox“另存为”功能时不存在。

来源

2014-04-13 17:35:23

图像拒绝加载

回答

相关问题