当鼠标离开浏览器窗口时，CSS3覆盖会消失

Question

我有一个关于CSS中叠加技术的问题。我使用：target元素来显示最初宽度为0且高度为0的div。但是，一旦我将鼠标移出浏览器窗口，这个新的div就会消失。

您可以在该页面上查看我的代码，点击缩略图并将鼠标移到浏览器窗口之外，看看会发生什么： http://wang-chang.com/test/photos/galerie-photos.html?aid=355194617939727

如果有人有任何想法，我将非常感激：）

提前致谢。

Answer 1

你在谈论哪个div？那个有id面具的人？ 你只是在悬停中改变不透明度

.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}

在

中找到

http://wang-chang.com/test/photos/css/style6.css

所以当你移出鼠标时，不透明度会返回到0。