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