我试图在悬停时显示块图像，但是无法得到它;用css3和Html

Question

在任何事情之前，这是我的代码笔，我试图将其悬停在那个并且让它说出我的意思。我尝试了一些东西，但它没有点击。

这是我的链接

http://codepen.io/willc86/pen/BrEmt

我希望有人可以帮我向我解释如何将其更改为纯色背景（让我们说全红色），字体白色说“关于我”

是否可能没有JavaScript？

Answer 1

诀窍是将悬停应用于更高级别的东西。

你不能将鼠标悬停在看不见的东西上。但是，您可以将鼠标悬停在包含隐藏项目的内容上。

所以，不要做类似的事情：

.hidden:hover { visibility: visible; }

相反，将它放在父元素上，如li：

li:hover .hidden { visibility: visible; }

现在，当您将鼠标悬停在包含隐藏项目的li上时，会显示隐藏项目。

现在只需要调整容器即可准确地提供您想要的内容。 =）