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网址。