ugrás a tartalomhoz

Légies elemek

Joó Ádám · 2010. Már. 24. (Sze), 04.23
A pointer-events CSS tulajdonság az SVG-ben kezdte pályafutását, de már a stíluslapjainkból is átkattinthatóvá tehetünk elemeket.

Előfordult már, hogy azt akartad, egy takarásban lévő elem fogadja a felette lévőre érkező egérkattintást? A pointer-events pontosan ezt teszi lehetővé Firefoxban, Safariban és Chrome-ban.

#thin {
    background-image: url("water-surface.png");
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

<div id="thin"></div>
<ul>
    <li><a href="#">Első hivatkozás</a></li>
    <li><a href="#">Második hivatkozás</a></li>
    <li><a href="#">Harmadik hivatkozás</a></li>
</ul>
A fenti konstellációban az oldal elé kerül egy réteg, ennek ellenére a hivatkozások kattinthatók maradnak, egészen újszerű eszközt adva a látványtervező kezébe.

Meg azokéba, akik a jobbkattintásban látják végromlásuk okát.
 
1

Clickjacking

MadBence · 2010. Már. 28. (V), 13.12
Lehet, hogy rosszul értelmezem, de ezzel a Clickjackinges dolgok leegyszerűsödnének, nem? Bár sokat nem értek ehhez a módszerhez.
2

Ellenkezője is jó volna :)

Török Gábor · 2010. Már. 28. (V), 14.18
Per pillanat én pont az ellenkezőjét szeretném :) Egy Flash objektum alapból fogadja (csak) a hover egér eseményt a fölötte lévő, opacity-vel áttetszővé tett HTML elemtől. Látszólag bug.