Malek: Mausklick durch teil-transparentes PNG - pointer-events

Beitrag lesen

SELF-Forum

Mausklick durch teil-transparentes PNG - pointer-events

Malek (Versionen)
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe ein teil-transparentes PNG-Bild und darunter einige Links die ich gern klicken möchte. Leider scheint das nur im Firefox zu funktionieren.

Mein Code sieht verkürzt so aus

<!DOCTYPE html>
<html>
  <body>
    <div id="wrapper">
      <div id="header">
        <!-- Linkliste -->
      </div>
    </div>
  </body>
</html>

Und dazu das CSS

#wrapper:after {
  content: 'svg';
  position: absolute;
  z-index: 50;
  background: url('myImage.png') top left no-repeat;
  pointer-events: none;
}

Der Firefox hat damit keine Probleme. Der IE(9) sollte eigentlich auch kein Problem mit SVG und pointer-events haben, wehrt sich aber hartnäckig. Im Opera kann ich zumindest den Linktext markieren aber Klicks verweigert auch er. :(

Wie kann ich die Links unter dem teil-transparenten PNG in allen Browsern anklickbar machen?

Danke für eure Hilfe und beste Grüße!

Beitrag melden
–
Informationen zu den Bewertungsregeln