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: ...
}

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