☰

CSS に `pointer-events:hoverOnly` または類似のものはありますか? 質問する

tag-icon • tag-icon html css pointer-events
CSS に `pointer-events:hoverOnly` または類似のものはありますか? 質問する

pointer-eventsCSS のプロパティをいじってみました。

divを除くすべてのマウス イベントに対して非表示にしたい があります:hover。

したがって、すべてのクリック コマンドはその下の を通過しますdivが、div はマウスがその上にあるかどうかを報告できます。

これが実行可能かどうか誰か教えてもらえますか?

HTML:

<div class="layer" style="z-index:20; pointer-events:none;">Top layer</div>
<div class="layer" style="z-index:10;">Bottom layer</div>

CS: ...

.layer {
    position:absolute;
    top:0px;
    left:0px;
    height:400px;
    width:400px;
}

ベストアンサー1

ホバーのみ。とても簡単です。JS はありません... リンクのデフォルトアクションも防止します。

a:hover {
	color: red;
}
a:active {
	pointer-events: none;
}
<a href="www.google.com">Link here</a>

編集: IE 11以上でサポートされていますhttp://caniuse.com/#search=pointer-events

おすすめ記事