フォーラムでは、

メインメニューに親ページを表示して、そこにカーソルを合わせると 子ページがドロップダウンリストとして表示されるのですが、 親ページはドロップダウンリストの表示専用として情報を持たせず リンクを貼らないようにしたい

という要望でした。

oya-def

このリンクを外したいと。。。

正直、「その親ページって必要?」って思いましたがw

ただ、親カテゴリーと子カテゴリーの関係では同じようなケースも考えられるかな?と思ってトライ^^

最初は、ソースをコピペしてaタグ外す?jQuery?と考えてたけど、

(☆・☆) キラーン!!

pointer-events: none; が使えるんじゃ?

と思ってやってみた ε=ε=ε=(ノ^∇^)ノ

親メニューのタイトル属性に”noevent”と記入。(noeventじゃなくても、何でもイイ)

Capture_2015_02_17_16_05_30_583

cssに

と、追加。

その結果・・・oya-noevent

リンクは外れてくれましたヽ(^◇^*)/ ワーイ

でもね、、、IE10以下は、これダメなんだw(他のブラウザは大丈夫なはず)

このサイトでいくと、IE10以下は4%弱。。。その人たち、ごめんよぉ~ヾ(;´▽`A“

てか、10であろうが、11であろうが、あんまりIEは使って欲しくないのです・・・・・

( ̄。 ̄ )ボソ…

 

「bizvektorのcss・phpカスタムまとめ」へ