disable - pointer events javascript
CSS pointer-events=''none'' y/o XUL mousethrough=''always'' en las páginas web de Firefox (1)
Hace muy poco, hice esta pregunta sobre cómo pasar clics a través de un elemento (por ejemplo, superposición de pantalla completa). Recibí algunos buenos consejos, pero todavía me preguntaba qué navegadores soportaban esto de forma nativa ...
Para aquellos que omiten el enlace anterior, la superposición es puramente cosmética, debe superponerse y debe ignorar los clics (todos los eventos del mouse deben pasar por ella) ...
Hasta ahora, solo he logrado hacer que esto funcione con los navegadores WebKit.
Works (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; '' />
Se sabe que Firefox admite eventos de puntero con SVG (y con otros elementos HTML en 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 usar XUL en HTML .
Espero usar el atributo mousethrough="always"
en la superposición ( <image>
, etc). No funciona hasta el momento ...
Curiosamente, Internet Explorer trata las áreas transparentes de PNG de opacidad alfa como "hacer clic", 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).
Pruebe esta solución jQuery: http://jsbin.com/uhuto
Funciona en Firefox, Chrome, Safari de iPad e IE8 al menos. 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 reencauzar los eventos.