Onclick im überlagerndem Div?

[Stefan Link]

Hallo liebe Wissende,

kleine Frage: ich habe zwei Layer wie unten gezeigt, die übereinanderliegen.
Gebe ich dem oberen eine Hintergrundfarbe, so kann ich das onclick-Ereignis
auslösen. Gebe ich diesem keine, so geht das nur im Firefox, nicht aber im IE7.

Hat mir jemand einen Tipp, warum das so ist bzw wie ich das lösen kann?

Herzlichen Dank!
Stefan

<div style="position:relative">
  <div style="position:absolute;z-index:1;width:60px;height:30px;left:30px;cursor:pointer;">
    <iframe src="some.jpg" ...></iframe>
  </div>
  <div style="position:absolute;z-index:2;width:60px;height:30px;left:30px;cursor:pointer;" onclick="javascript:location='...'"></div>
</div>

[Paul]

Moin Stafan,

Hat mir jemand einen Tipp, warum das so ist bzw wie ich das lösen kann?

Warum das so ist? Keine Ahnung. Viele werden jetzt vielleicht sagen der blöde IE kann sowieso nix. Ich halt mich da lieber etwas zurück.
Mit einem Workaround kannst du das lösen:

<div style="position:relative">
  <div style="position:absolute;z-index:1;width:60px;height:30px;left:30px;cursor:pointer;">
    <iframe src="some.jpg" ...></iframe>
  </div>
  <div style="position:absolute;z-index:2;width:60px;height:30px;left:30px;cursor:pointer;background-color:transparent;" onclick="javascript:alert('hallo');"></div>
</div>

Hoffe das reicht dir,
Paul

[Stefan Link]

Moin Stafan,

Moin Paul,

Mit einem Workaround kannst du das lösen:
  <div style="position:absolute;z-index:2;width:60px;height:30px;left:30px;cursor:pointer;background-color:transparent;" onclick="javascript:alert('hallo');"></div>
</div>

Das hatte ich sogar auch schon versucht, das lustige ist: tut nicht :( Das Bild, das im iframe unter dem div liegt ist zwar schön sichtbar, aber das div darüber nicht klickbar. Ich habe auch schon daran gedacht, dass es nicht existent wäre und habe daher mal eine border darum gemacht. Es sitzt einwandfrei und tut auch im FF wunderbar :(

Hoffe das reicht dir,
Paul

Noch nicht ganz aber dennoch schonmal danke :)
Stefan

[Joachim]

Hi,

Das hatte ich sogar auch schon versucht, das lustige ist: tut nicht

was Du so alles lustig findest ;-)
Sonst nimm ein blind.gif, oder teste mal eine Hintergrundfarbe bei gleichzeitigem filtereinsatz:
filter: alpha(opacity = 0);

würde ich dann aber ie-only in cc's verstecken...

Gruesse, Joachim

[Stefan Link]

Hi,

was Du so alles lustig findest ;-)

Sonst wäre ja vieles zum heulen :]

Sonst nimm ein blind.gif, oder teste mal eine Hintergrundfarbe bei gleichzeitigem filtereinsatz:
filter: alpha(opacity = 0);

Vielen Dank, das mit dem Filter tut im IE!

würde ich dann aber ie-only in cc's verstecken...

So, Ende meines Wissens erreicht :) Was meinst du denn mit cc's?

Danke und Gruß,
Stefan

[Joachim]

Hi,

So, Ende meines Wissens erreicht :) Was meinst du denn mit cc's?

conditional comments. Wenn Du die noch nicht kennst: absolutes must, u.a. um ie gesonderte Styles anbieten zu können

Gruesse, Joachim

[Marc]

Hallo zusammen,

das Problem besteht nur bei der gleichzeitigen Verwendung von position:absolute ud position:relative...

Viele Grüße,
Marc.