Hola, vereis, hace unos días una amiga me pidio que le renovara el diseño de la web de su tienda. Como extra quería hacer una animación en canvas que fuera desperdigando imagenes de las "mascotas" de la tienda por la pantalla... y bueno, mas o menos lo he conseguido... ahora bien, tengo un problemilla...
Para que la animación fuera por encima de toda la web creé un <div> del tamaño de la pagina y lo puse sobre esta con z-index. Dentro del div un elemento <canvas> se va moviendo y dibujando los monigotes. Hasta aquí todo bien.
El problema está en que como el div ocupa toda la pantalla y está sobre la web, captura los eventos de ratón y teclado, y claro, no puedo hacer nada de nada, solo ver la web...
Ahora la pregunta... hay alguna propiedad css que haga que esta capa simplemente se dibuje y no capture el foco?? En caso de que no y si no es mucho abusar, me podrías dar alguna alternativa?
Podeis ver la web en el siguiente enlace: http://test.shoppu.eu/kichos
Gracias y un saludo!!