Question

1）我有来自另一个网站的图像，我希望在我的html页面中显示，但它不起作用。 2）但是，如果我在浏览器中打开一个新选项卡，请将该链接放入网址，我可以看到图像。 3）如果我先做2然后再做1，我可以看到我页面中的图像，但是如果我在1之后清除缓存则不行知道如何从我的HTML代码中查看图像吗？感谢

<html>
<head>
</head>
<body>

    <img id="imgMap"  src="https://uk-air.defra.gov.uk/assets/meto-maps/20170319_day1.png"  width="60%" border=1 ></img>

</body>
</html>

Answer 1

您制作的代码有效，但问题可能是托管图片的服务器可能阻止在其他域/服务器上显示它。

所以对你来说，图像会破碎。您确定您使用的服务器是否已连接到互联网并且未被图像的原始域列入黑名单？

Answer 2

由于您使用的是百分比，因此width属性会搞砸正在显示的图像。根据{{1}} documentation on MDN：

<img>图像的固有宽度（以像素为单位）。在HTML 4中，百分比或像素是可接受的值。但是，在HTML5中，只有像素可以接受。

您可以使用width:属性和像素（width），或者如果您真的想要使用perecentage，请使用CSS样式：

width: 50px

html img src = url图像没有从html显示，但是从url显示

2 个答案: