K
kornyclown
Guest
Folgende Situation:
Ich möchte eine Navigation aus Bildern bauen und mittels hover ein darüber liegendes Bild Sichtbar machen, so dass das darunterliegende Bild noch leicht sichtbar ist.
Die Idee:
Leider funktioniert das nicht so wirklich. Je nachdem wie ich versuche zu variieren wird halt immer etwas falsch angezeigt. Mal ist ein Bild neben dem anderen, mal sind sie nur halb verschoben, mal wird das hover bild hinter dem "Ursprungsbild" angezeigt und manchmal auch garkeins.
Ich möchte nur sehr ungern auf die traditionelle Variante mit dem gecroppten Bild zurückgreifen da ich, vorrausdenkent auf das responsive design, für nicht hoverfähige Geräte (Touchscreen) andere Versionen dieser Deckkraft anwenden möchte.
Ich habe für "meine" Methode keine entsprechenden Dokumentationen im Netz gefunden. Vielleicht kennt ihr was, was auf meine Situation passt oder könnt mir direkt sagen, ob ich vielleicht nen groben Denkfehler in "meiner" Version hab.
Ich möchte eine Navigation aus Bildern bauen und mittels hover ein darüber liegendes Bild Sichtbar machen, so dass das darunterliegende Bild noch leicht sichtbar ist.
Die Idee:
HTML:
<a href="index.html" id="bild1hover"><img src="bla1.jpg" id="bild1"></a>
Code:
#bild1hover {width: x; height: y; margin: 0 20%; position: absolute; bg-image: url('blahover.jpg'); opacity: 0.0;}
#bild1 {width: x; height: y; margin: 0 20%; position: absolute;}
#bild1:hover #bild1hover {opacity: 0.8;}
Leider funktioniert das nicht so wirklich. Je nachdem wie ich versuche zu variieren wird halt immer etwas falsch angezeigt. Mal ist ein Bild neben dem anderen, mal sind sie nur halb verschoben, mal wird das hover bild hinter dem "Ursprungsbild" angezeigt und manchmal auch garkeins.
Ich möchte nur sehr ungern auf die traditionelle Variante mit dem gecroppten Bild zurückgreifen da ich, vorrausdenkent auf das responsive design, für nicht hoverfähige Geräte (Touchscreen) andere Versionen dieser Deckkraft anwenden möchte.
Ich habe für "meine" Methode keine entsprechenden Dokumentationen im Netz gefunden. Vielleicht kennt ihr was, was auf meine Situation passt oder könnt mir direkt sagen, ob ich vielleicht nen groben Denkfehler in "meiner" Version hab.