如何在HTML中创建隐藏图像?

如何在HTML中创建隐藏图像?我不确定我是否理解你的问题。但是有两种方法可以让图像不可见…

第一种是纯html方式:

<img src=”folder/image.png” style=”display:none;” >

第二种是html+js的方式:

<script type="text/javascript">
document.getElementById("myImage").style.display = "none";
</script>
<img id="myImage" src="a.gif" />

上面提供了一个很好的解决方案。将标记的属性设置为“display: none;”,这意味着标记仍将存在于HTML文档中,但浏览器将表现为它不存在。

另一种值得注意的方法是将标签属性设置为“visibility: hidden;”,这意味着浏览器仍然会像元素存在一样运行,但是它不会显示它。相反,它将只显示一个空格。

你应该用哪个?两种都试试!可见性:隐藏不太可能破坏你的页面设计,但它会留下一个空白点。显示:没有人会把它从页面上完全删除,所以你没有空白点,但是你可能需要重新设计页面。

如果您想再次显示它,您可以使用javascript选择img标记(最好给它一个id并使用它),然后以编程方式删除类。

发表评论

电子邮件地址不会被公开。 必填项已用*标注