2011-01-24 16 views
9

Digamos que tengo un efecto gráfico que quiero superponer HTML-Text. Este Elemento no debe interferir con la usabilidad del sitio, no tendría ningún propósito interactivo. ¿Es posible deshabilitar toda la interacción del mouse en un determinado objeto html, por ejemplo en un lienzo, para que yo todavía pueda interactuar (haga clic en enlaces, seleccione texto, ...) con los objetos subyacentes?¿Puedo deshabilitar todas las interacciones del mouse con un lienzo para interactuar con los objetos subyacentes?

eso sería genial!

+0

Sería genial. ¿Alguien puede hacer esto? –

Respuesta

20

El uso del pointer-events:none CSS property (implementado primero en SVG, en su camino a HTML) le permite desactivar la detección de aciertos de un elemento.

Esto no es estándar a partir de este escrito y solo se admite en un subconjunto de navegadores. (Firefox y Safari/Chrome, pero no Opera o IE). Aparte de esto, no hay forma de hacer esto.

Aquí está el in-progress CSS3 reference de esta propiedad.

Ver también esta pregunta: CSS pointer-events property alternative for IE.

+0

¡gracias por la pista! Lo revisé, tienes razón, safari y ff pueden hacerlo, la ópera no puede ... ¡No puedo esperar para que esto se convierta en estándar! – rassoh

+0

@Gaggo De nada. Como es nuevo en Stack Overflow, sepa que debe votar (triángulo hacia arriba) cualquier respuesta que considere útil, y aceptar (marcar) la única respuesta (si corresponde) que mejor responde a su pregunta. No estoy sugiriendo que deba aceptar la mía; a menudo es bueno esperar unos días para ver si aparece una respuesta mejor, especialmente cuando las respuestas hasta ahora son "no es posible", pero ayuda a otros usuarios, el sitio, la reputación de aquellos que donan su tiempo y su reputación para participar destacando buenas respuestas. – Phrogz

+0

@ Progz Gracias por las instrucciones, todavía no estoy muy familiarizado con el sistema ... ¿Puede decirme también dónde puedo activar una notificación por correo electrónico si alguien responde a mi publicación? – rassoh

0

No - si el elemento se dibuja arriba (mayor índice Z), entonces el mouse no debería poder interactuar con él.

+0

Hola Alex, gracias por tu respuesta, qué triste ... ¿Quieres decir que el mouse siempre puede interactuar con los elementos con el índice z más alto, ¿verdad? ¿Habría una manera de propagar un evento desde el elemento más alto a los más bajos? – rassoh

+0

@Gaggo No lo creo, para la mayoría de los casos, no tendría sentido permitir que los clics se propagaran a los elementos * ocultos * o * cubiertos *. Aunque puedo estar equivocado. – alex

Cuestiones relacionadas