Transparentes Bild "durch" das man klicken kann

[Robert]

Hallo,

Ich müchte ein teilweise transparents Bild mit CSS absolut über anderen Elementen(Bildern als Links) positionieren.
Das hab ich auch geschafft, nur leider blockiert das obere Bild alle Mausaktionen.

Gibt es vielleicht irgendeine Möglichkeit, daß mein Bild die Ereignisse durchlässt?

Danke für die Hilfe,
Robert

[Bio]

Sup!

Ne, da gibt's keine Möglichkeit außer entweder die Bilder über das transparente Bild zu legen oder aber zu versuchen, mit JS zu ermitteln, auf welches Bild denn geklickt hätte werden sollen. Das wird aber potentiell wenig plattformübergreifend kompatibel.

Gruesse,

Bio

[Chräcker Heller]

Hallo,

über Bios korekter Antwort hinaus: "nur manchmal" kann es vom Design her funktionieren, daß das Bild auch "unter" dem Link liegen darf. Dazu must Du den Link(text) in ein eigenes Div setzen und dieses per Z-Index über das Bild-Div platzieren. Je nachdem wo die transparenten Bereiche des Bildes sind, sieht man diese "verkehrte" Stapelung dann nicht.... So habe ich bei mir wichtige Links mit einem seh hohen Z-Index versehen, damit diese nicht mit dynamisch erzeigten Bild-Div-Bereichen  "übermalt" (jaja überstempelt...) werden können....

Chräcker

http://www.Stempelgeheimnis.de

[Norbert Klein]

Hallo.

Gibt es vielleicht irgendeine Möglichkeit, daß mein Bild die Ereignisse durchlässt?

Na ja, schon, ist eigentlich auch ganz simpel:

<style type="text/css">
<!--
 a {
  position:relative;
  z-index:100;
 }
//-->
</style>

Und, davon ausgehend, dass das transparente Bild absolut positioniert wurde:

<img src="http:///" alt="" width="640" height="480" style="position:absolute;">
Text Text <a href="#">Link</a> Text Text <a href="#">Link</a> Text Text

Die Links liegen jetzt über dem Bild, zumindest im NS6, Mozilla und dem IE6. Gut ist die Lösung aber nicht, zumal Opera sie nicht mag (außer dem 4er), es wäre also besser das mit dem teiltransparenten Bild nochmal zu überdenken.

Gruß
Norbert