Html 隐藏网页中的文本，选中时显示

我有个人主页：

我想在里面隐藏一张“小”脸，他只在选中文本时出现

你知道我该怎么做吗

这就是我所拥有的

#trollface {
float:left;
color: #F5FAFF; /* color of my background */
margin-top: -45em;
}

它能工作，但我觉得有点乱

有什么办法帮我吗？：）

---

Thx

您可以将选定文本作为css规则的目标：

*::selection {
    color: ...
}
*::-moz-selection {
    color: ...
}

---

你可以试着用那种方式放置背景图像。

“它可以工作，但我觉得有点凌乱。”为什么凌乱？你还需要什么？例如，我想在选中文本时隐藏它。我不是CSS方面的专家，所以我不知道是否有比我更好的方法。嗯，它在Chrome上运行得很好，但是-moz选项似乎对我到目前为止的Firefox更新没有影响：/my Mirror，它工作得很好。但选择的东西仍然很混乱。它选择原始文本和面文本。没有比用保证金更好的办法了吗？