Stwórz element niemożliwy do kliknięcia (kliknij za nim)

Question

Mam nieruchomy obraz, który nakłada się na stronę, gdy użytkownik przewija ekran dotykowy (mobilny).

Chcę, aby ten obraz był "niemożliwy do" lub "nieaktywny", a jeśli użytkownik dotknie i przeciągnie z tego obrazu, strona za nim nadal przewija się tak, jakby obraz tam "nie blokował" interakcja.

Czy to możliwe? W razie potrzeby mógłbym spróbować dostarczyć zrzuty ekranowe, które ilustrują to, co mam na myśli.

Dzięki!

Answer 1

Ustawienie CSS - pointer-events: none powinno usunąć wszelkie interakcje myszy z obrazem. Obsługiwane całkiem dobrze we wszystkich, ale IE.

Here's a full list z wartości pointer-events może zająć.

Answer 2

Wydarzenie CSS Pointer jest tym, na co chcesz spojrzeć. W twoim przypadku ustaw zdarzenia-wskaźnik na "none". Spójrz na to JSFiddle na przykład ... http://jsfiddle.net/dppJw/1/

Zauważ, że dwukrotne kliknięcie ikony nadal będzie oznaczać kliknięcie akapitu.

div.child { 
    ...  
    background: #fff; 
    pointer-events: none //This line is the key! 
}