悬停类没有在div上工作

Question

我无法让hover类处理我的html文档中的任何元素。我们试图使4个方格中的任何一个消失，也就是显示：无;这是我网站的演示。如果你能发现我的错误，请告诉我。提前谢谢！

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

Answer 1

在徘徊时试图隐藏某些东西的问题是，一旦它被隐藏，它就不再悬停在它上面而且它会回来。所以你不能这样做。

您可以改为使用opacity: 0：

http://jsfiddle.net/bYNmh/

Answer 2

取代

display :none

写

opacity:0;

它有效

Answer 3

如果您在悬停的元素上设置display:none，则无法将鼠标悬停在不存在的元素上。这是导致闪烁的原因。要做你想做的事，你必须明确地改变元素的.css中的背景。