マジカル CSS 属性 pointer-events_html/css_WEB-ITnose-htmlチュートリアル-php.cn

マジカル CSS 属性 pointer-events_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:50:02

オリジナル

1240 人が閲覧しました

絶対配置された要素がリンクをカバーするか、イベントハンドルを持つ要素が追加された後、リンクのデフォルトの動作 (ページジャンプ) や要素イベントはトリガーされません。
Firefox3.6+/Safari4+/Chrome は、pointer-events と呼ばれる CSS 属性をサポートするようになりました。この属性を使用して、絶対的に配置された要素を貫通して、基礎となる要素の特定の動作をトリガーできるかどうかを決定します。以下のように:

CSS:pointer-events

< ;/div>

SinaMail 「チェックボックス」>
リンク要素とスパン要素は隠されています2 つの絶対的に配置された div によって。それぞれクリックしても応答がありません。つまり、リンク a のデフォルト動作をトリガーできず、span 要素のクリックイベントもトリガーできません。ただし、ペネトレーションクリックをオンにした後、ポインタイベントをサポートするブラウザである Firefox/Safari/Chrome でリンクをクリックして再度スパンすると、対応する動作がトリガーされる可能性があります。