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.
  1. #thin {  
  2.     background-image: url("water-surface.png");  
  3.     height: 100%;  
  4.     pointer-events: none;  
  5.     position: absolute;  
  6.     width: 100%;  
  7. }  
  1. <div id="thin"></div>  
  2. <ul>  
  3.     <li><a href="#">Első hivatkozás</a></li>  
  4.     <li><a href="#">Második hivatkozás</a></li>  
  5.     <li><a href="#">Harmadik hivatkozás</a></li>  
  6. </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.