html - 悬停类不在 div 上工作

Question

我无法让悬停类在我的 html 文档中的任何元素上工作。我们试图让 4 个方块中的任何一个消失，也就是 display:none; 这是我的网站的演示。如果您能发现我的错误，请告诉我。先感谢您！

https://c9.io/riotgear66/day1/workspace/sams/html/index.html

Answer 1

悬停时试图隐藏某些东西的问题是，一旦它被隐藏，它就不再悬停并且它又回来了。所以你不能那样做。

您可以opacity: 0改用：

http://jsfiddle.net/bYNmh/

Answer 2

如果您display:none在悬停的元素上进行设置，则无法将鼠标悬停在不存在的元素上。这就是导致闪烁的原因。要执行您想要执行的操作，您必须显式更改 .css 中元素的背景。