如何在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并使用它),然后以编程方式删除类。
