我在CSS中添加了一个“spoiler”类，用于，以及破坏者。文本通常是不可见的，但是当鼠标悬停在文本上时，会显示给想要阅读它的人的扰流板。
.spoiler{
visibility:hidden;
}
.spoiler:hover {
visibility:visible;
}
应该很简单，但由于某种原因，这不行。即使我将鼠标指向它，文本仍然是不可见的。有什么想法可能导致这个？
解决方法
你不能将鼠标悬停在一个隐藏的元素上。一个解决方案是将元素嵌套在另一个容器中：
CSS：
.spoiler span {
visibility: hidden;
}
.spoiler:hover span {
visibility: visible;
}
HTML：
Spoiler: <span class="spoiler"><span>E.T. phones home.</span></span>
演示：
更新
.spoiler {
outline: 1px solid transparent;
}