The Heir: Layer auf sensitive Grafik

Beitrag lesen

Hallo,

... dann frage ich mich zunächst, was deine Standardmethode ist.

s. mein letzter Post

Mouse-Over-Effekte einzufügen, die verschiedene Layer in individueller Höhe über das eigentliche jpg legen sollen, passiert folgendes: Das eigentliche jpg (im diesem Fall die Straßenkarte) verschiebt sich weit nach unten, und das durch Mouse-Over entstehende Layer öffnet sich darüber.

Wie sieht denn dein Zusammenspiel von HTML, CSS und Javascript aus? Eine Lösung ohne Javascript sehe ich im Augenblick nicht; um :hover einsetzen zu können, müssten die überlagerten Bilder Kindelemente von area sein, und das dürfen sie nicht (area ist ein leeres Element).

Ich habe bereits mit "position" und "z-index" herum experimentiert

Der Weg ist richtig, jetzt solltest du mitteilsamer werden!

Methode A (primäres Bild als normales img)
Hier habe ich die zu erscheinenden Bilder anfangs mit "position:absolute" und "z-index:10" versehen. Da dies nicht funktionierte, habe ich "position" auf alle möglichen Einstellungen gesetzt und "z-index" bis auf 25 erhöht. Kein positives Ergebnis.

Methode B (primäres Bild als img innerhalb eines div-Elements)
Hierbei habe ich die Ebene des primären Bildes mit "position:fixed" und "z-index:1" versehen. Mit den zu erscheinenden Bildern bin ich verfahren wie oben in Methode A.
Auch das gab mir nicht das gewünschte Ergebnis.

Gruß
The Heir