Я делаю страницу с эффектом типа лайтбокса CSS, используя псевдокласс: target. Когда вы нажимаете на изображение, всплывающее окно с информацией в нем, и исчезает снова, когда вы щелкаете в любом месте.

Он отлично работает в Chrome и IE, но в Firefox есть странная ошибка, когдатекст в моем блоке div исчезает, когда вы убираете мышь из поля, Он действует как эффект парения, когда вы можете видеть текст, только когда наводите указатель мыши на него.

Я надеюсь, что объяснение имело смысл, пожалуйста, дайте мне знать, если я не был ясен.

Мой CSS здесь:

.lightbox {
display: none;
position: absolute;
z-index: 8;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #fff; 
padding-left: 30px;
}

.lightbox:target {
/* Show lightbox when it is target */
display: block !important;
outline: none;
}

Дайте мне знать, если вам нужна дополнительная информация.

Большое спасибо!