ドロップダウン式のナビゲーションメニューで、クリックしても他のページに移動しないタイトル(これらのタイトルはクリックするとドロップダウンメニューが開きます)と、移動するタイトル(これらのタイトルはドロップダウンがなく、直接移動します)がありますが、どちらのタイプにもhref
が定義されています。
これを解決するために、前者のタイプのタイトルに以下のCSSを追加しました。
pointer-events: none;
しかし、このプロパティはIEではサポートされていないので、何らかの回避策を探しています。 しかし、このプロパティはIEではサポートされていないので、回避策を探しています。
何かアイデアはありませんか?
Pointer-eventsはMozillaのハックであり、Webkitブラウザに実装されていても、IEブラウザに実装されることは100万年先まで期待できません。
しかし、私が見つけた解決策があります。
Mouse Events Through Layers (マウスイベントのレイヤー転送)。
これは、Javascriptのあまり知られていない、あるいは理解されていない特性を利用して、マウスイベントを受け取り、それを別の要素に送信するプラグインを使用します。
また、別のJavascriptによる解決策もありますこちら。
2013年10月のアップデート:どうやらv11でIEにも搭載されるようです。[ソース][3]。ありがとう、Tim。
IEでは、インラインSVGを使用し、SVGでpointer-events="none"を設定するという回避策があります。 https://stackoverflow.com/questions/9385213/how-to-make-internet-explorer-emulate-pointer-eventsnone の私の回答をご覧ください。