圖像拒絕加載

我複製一個網頁一些靈感，但是當我打開我的本地機器上的圖像將不會加載。當我查看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

圖像拒絕加載

回答

相關問題