<div></div> sin foco. Posible?

[Exekiel]

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!!

[C2am]

Hola
Soy un completo ignorante en css3, bue en realidad algo he leído, y como todo tipo que no tiene idea te sugiero que en vez de cubrir toda la pantalla hagas el div que contiene a la imagen del tamaño justo y necesario para dicha imagen y luego le apliques alguna propiedad transition, transform o algo parecido que la traslade de un lado a otro mientras gira.

Es decir, para que funcione no deberías cubrir toda la pantalla.

¿Es posible?¿Tiene sentido lo que he dicho? Pues ni la más pu... idea, será cosa de probar ¿no?

Saludos

[Exekiel]

En un principio había hecho algo parecido... simplemente movia el objeto canvas por la pantalla, sin "recluirlo" dentro de un <div>, pero esto suponía un problema... al llegar la imagen al borde del documento, este crecía para poder seguir dibujando la imagen... Es decir, el documento se agrandaba y aparecian las scrollbars para poder ver ese tamaño extra... sería una opción, pero quedaría muy antiestetico...

Por lo de ahora y a falta de una solución mejor he decidido poner la animación solo de fondo... Si aún hay alguien que tiene una idea para ayudarme con el problema, puede ver la web como estaba antes en:

http://test.shoppu.eu/kichos-old/

[kseso?]

Pointer-events: none;