html - 在没有 javascript 的情况下显示隐藏的图像

Question

我看到很多问题，人们使用 jQuery 隐藏/显示图像，但我没有安装 jQuery，我更愿意使用 Html/css？

有没有办法在不使用任何 javascript 的情况下单击按钮时显示图像？

Answer 1

正如@Gnuey 所说，只需从主机引用它就可以轻松安装 jQuery。 google 和 Microsoft 都托管 jQuery，但大多数人使用 google。我建议您查看他的评论以了解更多信息。

实际上，@Dipesh Parmar 你可以在纯 css 中完成这项工作，但你需要一个解决方法:

给图片一个id，然后让按钮转到那个id:

<a href="/#revealonclick"><button>Click to reveal image</button></a>
<img alt="" id="revealonclick" src="/image/pic.png">

然后在图片的CSS中:

#revealonclick{
    display: none;
}

#revealonclick:target{
    display: inline;
}

是的。这是可能的。 CSS3 很棒。