2011-07-28 18 views
11

Mam siatkę obrazów i warstwę płótna na nim, chciałbym zrobić kilka animacji na tagu płótna, gdy użytkownik przewinie obraz miniaturki z siatki, więc zastanawiam się, czy jest możliwe zezwolenie na zdarzenia myszy przejść przez warstwę płótna?Czy możliwe jest przenoszenie zdarzeń myszy przez warstwę płótna?

+0

Dlaczego masz płótno na wierzchu wszystkiego? – MoarCodePlz

+0

Ponieważ chcę zrobić animację na górze obrazu (ów), który wyzwala wydarzenie myszy –

+0

Więc dlaczego nie po prostu utworzyć płótno nad obrazkiem po myszy nad zdarzeniem? – MoarCodePlz

Odpowiedz

21

Spróbuj właściwości CSS na płótnie:

pointer-events: none 

http://dev.w3.org/csswg/css3-ui/#pointer-events

To ma zapobiec element z otrzymania jakichkolwiek zdarzeń myszy w ogóle. Mozilla wydaje się wierzyć, że wydarzenie przejdzie do elementów za nim, tak jak masz nadzieję.

https://developer.mozilla.org/en/CSS/pointer-events

Wygląda na to mogą nie być obsługiwane w IE i Opera, więc może trzeba wyłączyć animację w tych przeglądarkach.

+0

Wydaje się być bezpiecznym w użyciu w dzisiejszych czasach: http://caniuse.com/#feat=pointer-events Przynajmniej jeśli nie dbasz o IE <= 10;) – Fidel90

Powiązane problemy