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

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

< ;/div>

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。