当用户单击图像时，如何使图像消失

Question

你好 Stackoverflowers，

所以这几乎是我想要实现的（我提前为我的解释道歉，因为我对代码语言不太熟悉）

1. 一位用户访问了我在 Tumblr 上的页面。
2. 用户看到一张说明图片悬停在博客内容上，有轻微的不透明性。
3. 一旦用户阅读说明，当用户点击图片时，图片就会消失。
4. 用户浏览页面。

我想知道——即使在 Tumblr 上也能做到这一点吗？

任何建议将不胜感激 - 谢谢！

Answer 1

从未使用过 tumblr，但您可以使用本指南添加自定义代码：

http://www.chrisabraham.com/2011/04/06/how-to-add-custom-html-javascript-etc-code-to-your-tumblr/

并将此代码添加到您的 body 标记中，但将 "img.png" 更改为您的图像源

<img src="img.png" onclick="this.style.display='none';" style="position:absolute;opacity:0.5;left:50%;top:50%;width:100px;height:100px;margin-left:25px;margin-top:25px;z-index:100;"/>

以下是一个工作示例：

http://jsfiddle.net/BRXVX/1