HTML图片无效

Question

我的网站上有一个图像网格，但有些图像随机无效。所有图像源都是链接，它们都是从同一个地方生成的。我将展示一个示例，其中有一个有效的图像和一个没有:

的图像

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

如您所见，第二张图片不起作用，但如果您访问源链接，则图片就在那里。为什么会这样？

Answer 1

第二张图片缺少http://部分。这意味着，浏览器不知道它应该查看不同的服务器，而是尝试在托管HTML文件的同一服务器上访问它。

Answer 2

src属性的内容缺少前缀http：//。当添加它时，它会正确显示图像。否则，它会将URL解释为嵌入网页上下文中的相对URL。

Answer 3

源网址的语法错误。

当前语法

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

这是指向http://codepen.io/anon/pen/mJmaZE/steamcommunity-a.akamaihd.net/xx

的相对路径

更正语法

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

将请求预期的CDN网址。