CSS puntero-events = 'none' y/o XUL mousethrough = 'siempre' en las páginas web para Firefox

Question

Muy recientemente le pregunté this question sobre cómo pasar a través de clics un elemento (por ejemplo completa superposición de pantalla). Recibido un buen consejo, pero todavía me preguntaba lo que los navegadores soportados de forma nativa ...

Para aquellos saltarse el enlace anterior, la superposición es puramente cosmética, debe overlayed y se debe ignorar clics (todos los eventos de ratón deben pasar a la derecha a través de él) ...

Hasta ahora, solo he conseguido que esto funcione con los navegadores WebKit.

Obras (Chrome y Safari 4): -
<image src='./images/75/75.overlay.blood.png' width='100%' height='100%' style='z-index: 3; position: absolute; top: 0; left: 0; pointer-events: none;' />

Firefox es conocido para apoyar puntero-eventos con IVS (y con other HTML elements in 3.6); El problema es que parece que no puedo hacer que esto funcione con un SVG (por ejemplo, xlink:href="overlay.24bit.8alpha.png").

Otra forma en que esperaba que esto se pudiera lograr era usando XUL in HTML.

estoy esperando para usar el atributo mousethrough="always" en la superposición (<image>, etc). No funciona hasta el momento ...

Por extraño que parezca, Internet Explorer trata las áreas transparentes de PNG de opacidad alfa como "hacer clic a través de" que es útil.

Cualquier otra forma buena (o simple pero hackky) de lograr esto en Firefox (3+). Ponderado una superposición de Flash con wmode="transparent" (error).

Answer 1

Pruebe esta solución jQuery: http://jsbin.com/uhuto

funciona en Firefox, Chrome, Safari de IPAD, y al menos IE8. El único problema que vi fue que la superposición no era translúcida en IE, pero supongo que es algo que se puede superar.

Otra solución (utilizada por un plugin Ext JS): http://www.vinylfox.com/forwarding-mouse-events-through-layers/ - utiliza Javascript para reenviar los eventos.