CSS3 оверлей исчезает, когда мышь выходит из окна браузера

Question

У меня есть одна проблема, касающаяся техники наложения в CSS. Я использую: целевой элемент для отображения div, который изначально имеет ширину: 0 и высоту: 0. Но этот новый 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.