Image Map -> Bild beim Mouseover transparent mit Hintergrund

Aloha!

Kurze Frage an die Profis hier, ich habe eine Image-Map (eine Deutschlandkarte) hier verlinke ich die Bundesländer, und tausche bei Mousover das gesamte Bild deutschlands durch eines mit dem markierten Bundesland aus. Das klappt super, fahre ich mit der Maus über beispielsweise Berlin, wird es eingefärbt und ist klickbar.

So nun war mein schlauer Plan, das Mousover-Bild als PNG zu machen und alles ausser Berlin zu wegzuradieren, so, dass das Bild was beim Mouseover eingeblendet wird nur noch Das Bundesland Berlin zeigt und der rest ist transparent. (damit das Bild kleiner wird).

So nun mein Problem, im Hintergrund ist aber nicht wie ich angenommen habe die Karte geblieben, sondern ich sehe dann nur den gefärbten Berlin Flecken und keine normale Karte mehr im Hintergrund?

Ist meine Überlegung also falsch oder kann ich über einen einfachen Befehl die karte im Hintergrund angezeigt lassen?

Würde mich über einen kurzen HInweis freuen!

Viele Grüße
Tim

[HTML]





[/HTML]

Mach es andersrum. Erstelle das Bild der Karte, entferne bei den hervorzuhebenden Bundesländern jeweils das Bundesland (also nur dieses Transparent machen) und binde es in den HTML-Code ein. Setze für den img-Tag des Bildes eine Hintergrundfarbe. Dadurch wird beim Hovern über der Karte jeweils die Grafik geladen die an der hervorzuhebenden Stelle ein „Loch“ hat durch das die Hintergrundfarbe des Bildes durchscheint.

Du wirst auf jeden Fall nicht nur einen Teil der Karte austauschen können.

Danke erstmal der Antwort, sie war nicht meine lösung aber hat mir doch die Augen geöffnet. Ich habe jetzt dem div im Hintergrund keine farbe sondern einfach das Bild zugewiesen, d.h. die Karte liegt jetzt komplett immer im Hintergrund vor. Dann kann ich meine Transparenten PNGs drüberlegen und es läuft wie ich es wollte!

Vielen Dank noch mal!!