nicht angemeldet
Mausklick durch teil-transparentes PNG - pointer-events
Gunnar BittersmannHallo!
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!
-
@@Malek
Ich habe ein teil-transparentes PNG-Bild und darunter einige Links die ich gern klicken möchte.
[…]
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. […]
Wie kann ich die Links unter dem teil-transparenten PNG in allen Browsern anklickbar machen?PNG, SVG, PNG, was denn nun?
Link zur fraglichen Seite?
LLAP 🖖
--
Ist diese Antwort anstößig? Dann könnte sie nützlich sein.-
Hallo!
PNG, SVG, PNG, was denn nun?
Auch wenn es ein PNG als Hintergrundbild hat, bleibt das Element doch ein SVG.
Link zur fraglichen Seite?
localhost ;)
Beste Grüße
-
@@Malek
PNG, SVG, PNG, was denn nun?
Auch wenn es ein PNG als Hintergrundbild hat, bleibt das Element doch ein SVG.
Was bleibt, ist noch eine Frage: Häh?
Link zur fraglichen Seite?
localhost ;)
Es liegt an dir, das zu ändern. Ohne ;).
LLAP 🖖
--
Ist diese Antwort anstößig? Dann könnte sie nützlich sein.-
Was bleibt, ist noch eine Frage: Häh?
Der IE erlaubt nach RFC pointer-events nur auf SVG-Elementen. Deshalb die PNG als Hintergrundbild des SVG.
Es liegt an dir, das zu ändern. Ohne ;).
Das ist zur Zeit leider nicht möglich, ich habe keinen Webspace.
-
Hallo!
Kann ich sonst etwas tun um eine Hilfe zu ermöglichen? Ich verstehe nicht ganz wie bei der Frage ein Onlinebeispiel helfen kann.
Beste Grüße!
-
-
-