HTML圖像不能正常工作

Question

我在我的網站上有一個網格圖像，但有些圖像隨機不起作用。所有圖像源都是鏈接，它們都是從同一個地方生成的。我將展示一個例子，與工作，做一個形象，一個不:

http://codepen.io/anon/pen/mJmaZE

正如你可以看到第二圖像不工作，但如果你訪問的源鏈接的圖像那裏。這是爲什麼發生？

Answer 1

第二張圖片缺少http://部分。這意味着，瀏覽器不知道它應該查看不同的服務器，而是嘗試在託管HTML文件的同一臺服務器上訪問它。

Answer 2

src屬性的內容缺少前綴http：//。當添加它時，它會正確顯示圖像。否則，它將該URL解釋爲嵌入網頁上下文中的相對URL。

Answer 3

源URL的語法錯誤。

當前語法

src="steamcommunity-a.akamaihd.net/xx" 

這是將指向相對路徑

正確語法

src="http://steamcommunity-a.akamaihd.net/xx" 

其將請求的預期CDN網址。