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

Question

我有一个个人页面：http ://matthieu.riegler.fr/index.html

我想在其中隐藏一个“小”trollface，它只在选择文本时出现。

知道如何正确地做到这一点。

这就是我所拥有的。

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

它有效，但我认为它有点乱。

那么有什么想法可以帮助我吗？:)

谢谢

Answer 1

您可以针对 css 规则定位选定的文本：

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

您可以尝试以这种方式放置背景图像。