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

Question

Hello 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