为什么CSS可见性不起作用？

您不能将鼠标悬停在隐藏的元素上。一种解决方案是将元素嵌套在另一个容器中：

CSS：

.spoiler span {    visibility: hidden;}.spoiler:hover span {    visibility: visible;}

HTML：

Spoiler: <span ><span>E.T. phones home.</span></span>

在Chrome上，可以添加以下内容：

.spoiler {    outline: 1px solid transparent;}