Tengo un menú desplegable de navegación en el que algunos de los títulos no deben navegar a otra página cuando se hace clic en ellos (estos títulos abren un menú desplegable cuando se hace clic en ellos), mientras que otros deben navegar (estos no tienen menú desplegable y navegan directamente).
Para solucionar esto he añadido el siguiente css para el primer tipo de títulos
pointer-events: none;
Pero como esta propiedad no es soportada por IE, estoy buscando alguna solución. Lo molesto es que no tengo acceso y privilegio para cambiar el código HTML y JavaScript completamente.
¿Alguna idea?
Pointer-events es un hack de Mozilla y, aunque se ha implementado en los navegadores Webkit, no se puede esperar verlo en los navegadores IE hasta dentro de un millón de años.
Sin embargo, he encontrado una solución:
Reenvío de eventos de ratón a través de capas
Esto utiliza un plugin que utiliza algunas propiedades no bien conocidas/entendidas de Javascript para tomar el evento del ratón y enviarlo a otro elemento.
También hay otra solución Javascript aquí.
Actualización de octubre de 2013: aparentemente llega a IE en v11. Fuente. Gracias Tim.
Existe una solución para IE: utilice SVG en línea y establezca pointer-events="none" en SVG. Véase mi respuesta en https://stackoverflow.com/questions/9385213/how-to-make-internet-explorer-emulate-pointer-eventsnone
He aquí un pequeño script que implementa esta función (inspirado en el artículo del blog de Shea Frederick que menciona Kyle):