: checked hack funktioniert nicht

Question

Ich versuche, einen Effekt zu erstellen, der es dem Benutzer ermöglicht, auf das Objektbild zu klicken, was dazu führt, dass das Bild in der Mitte der Seite erscheint und an Größe zunimmt. Aus irgendeinem Grund erlaubt es mir nicht, es zu klicken. Hier

ist die volle jsfiddle: https://jsfiddle.net/gr282dxp/

input[type="checkbox"] { 
    display: none; 
} 

input[type="checkbox"]:checked + img { 
    position: absolute; 
    top: 100px; 
    left: 50%; 
    width: 400px; 
    height: auto; 
    margin: 0 0 0 -200px; 
} 

Answer 1

Falsche Wähler. Sie sollten input[type="checkbox"]:checked + .img-container img für Ihren Selektor verwenden.

Siehe Adjacent Sibling Selectors
und Descendant selectors

https://jsfiddle.net/jmarikle/bwqbv9mn/