Tengo una cuadrícula de imágenes y una capa de lienzo encima, me gustaría hacer algunas animaciones en la etiqueta de lona una vez que el usuario pasa una imagen en miniatura de la cuadrícula, por lo que me pregunto si es posible dejar los eventos del mouse pasar a través de la capa de lona?¿Es posible dejar que los eventos del mouse pasen a través de una capa de lienzo?
11
A
Respuesta
21
probar este propiedad CSS en el lienzo:
pointer-events: none
http://dev.w3.org/csswg/css3-ui/#pointer-events
Se pretende evitar que el elemento de la percepción de eventos de ratón en absoluto. Mozilla parece creer que el evento pasará a elementos detrás de él como lo está esperando.
https://developer.mozilla.org/en/CSS/pointer-events
Parece que esto no puede ser apoyado en IE y Opera, por lo que puede que tenga que desactivar la animación en los navegadores.
+0
Parece que es seguro de usar hoy en día: http://caniuse.com/#feat=pointer-events Al menos si no te importa IE <= 10;) – Fidel90
Cuestiones relacionadas
- 1. Cómo crear una ventana semitransparente en WPF que permite que los eventos del mouse pasen
- 2. Posible? - Una superposición div que los eventos del mouse ignoran por completo (para que los eventos del mouse afecten solo al div a continuación)
- 3. NSWindow: Pasar eventos del mouse a través de la ventana a lo que está debajo
- 4. propagar eventos de mouse a elementos ocultos
- 5. obtener clics a través del lienzo html
- 6. ¿Es posible ampliar los eventos de Intellitrace?
- 7. Eventos de mouse sangrando a través de NSView
- 8. Reenvío de eventos de mouse a través de layers/divs
- 9. ¿Es posible despejar una capa de adorno?
- 10. Eventos globales del mouse
- 11. jQuery Animation: dejar de animar una vez fuera del mouse
- 12. adjuntar eventos del teclado al lienzo html5
- 13. ¿Hay alguna manera de hacer que los controles sean transparentes para los eventos del mouse en WPF?
- 14. ¿Es posible dejar que Gerrit elija al azar un revisor?
- 15. Desplazamiento del mouse en el lienzo [fabric.js]
- 16. IE9 Eventos de mouse hacia adelante a través de un elemento canvas enmascarado
- 17. ¿Qué es lo opuesto a: pasar el mouse (al dejar el mouse)?
- 18. Manejo de eventos del mouse con cvSetMouseCallback
- 19. ¿Cómo deshabilitar los eventos de mouse en los widgets dijit.form.NumberSpinner?
- 20. Controlador global de eventos del mouse
- 21. JavaScript mapping eventos táctiles a eventos de mouse
- 22. controles superpuestos C# wpf que no reciben eventos de mouse
- 23. jQuery: Firemove los eventos de mouse menos a menudo
- 24. ¿Es posible SIMULAR un clic del mouse con un mouse hacia abajo y hacia arriba?
- 25. ¿Cómo puedo hacer que una ventana sea invisible para los eventos del mouse en WPF?
- 26. Manejar todos los eventos del mouse en Android
- 27. ¿Es posible hacer que una capa de OpenGL ES sea transparente?
- 28. ¿Cómo puedo simular los eventos del mouse desde el código?
- 29. obteniendo la posición del mouse con javascript dentro del lienzo
- 30. ¿Es posible dejar que capibara/webdriver inicie Firefox minimizado/desenfocado?
¿Por qué tienes un lienzo encima de todo? – MoarCodePlz
Porque quiero hacer una animación en la parte superior de la (s) imagen (es) que desencadenan el evento del mouse –
¿Por qué no simplemente crear un lienzo sobre una imagen al pasar el mouse sobre el evento? – MoarCodePlz