Légies elemek
A
Előfordult már, hogy azt akartad, egy takarásban lévő elem fogadja a felette lévőre érkező egérkattintást? AA 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.
■ 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>
Meg azokéba, akik a jobbkattintásban látják végromlásuk okát.
Clickjacking
Ellenkezője is jó volna :)
opacity
-vel áttetszővé tett HTML elemtől. Látszólag bug.