: Ziel-Pseudoklasse funktioniert in Firefox nicht richtig
Ich erstelle eine Seite mit einem CSS-Leuchtkasten-Effekt mit der: target-Pseudoklasse. Wenn Sie auf ein Bild klicken, wird ein Feld mit Informationen eingeblendet, das wieder ausgeblendet wird, wenn Sie auf eine beliebige Stelle klicken.
Es funktioniert perfekt in Chrome und IE, aber in Firefox gibt es einen seltsamen Fehler, bei dem Der Text in meinem Leuchtkasten div verschwindet, wenn Sie die Maus von der Box wegbewegen.. Es wirkt wie ein Hover-Effekt, bei dem Sie den Text nur sehen können, wenn Sie mit der Maus darüber fahren.
Ich hoffe, diese Erklärung hat Sinn gemacht, bitte lassen Sie mich wissen, wenn ich nicht klar war.
Mein CSS ist hier:
.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;
}
Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.
Vielen Dank