絶対配置された要素がリンクをカバーするか、イベント ハンドルを持つ要素が追加された後、リンクのデフォルトの動作 (ページ ジャンプ) や要素イベントはトリガーされません。 Firefox3.6+/Safari4+/Chrome は、pointer-events と呼ばれる CSS 属性をサポートするようになりました。この属性を使用して、絶対的に配置された要素を貫通して、基礎となる要素の特定の動作をトリガーできるかどうかを決定します。以下のように: CSS:pointer-events <br> .overlay1 {<br>幅:80px;<br>高さ:20px;<br>背景:ゴールド;<br>位置:絶対;<br>上:5px;<br> 左:5px;<br> } <br> .overlay2 {<br> 幅: 80px; <br> 高さ: 20px; <br> 位置: 絶対; <br> 上: 5px; <br> 不透明度: 0.5; <br> <br>window.onload = function(){<br> document.getElementById('chx').onclick = function(){ document.getElementById('a').className<br> 。 .checked) "ポインター" : "");<br> }<br>}<br> < ;/div> SinaMail 「チェックボックス」>リンク要素とスパン要素は隠されています2 つの絶対的に配置された div によって。それぞれクリックしても応答がありません。つまり、リンク a のデフォルト動作をトリガーできず、span 要素のクリック イベントもトリガーできません。ただし、ペネトレーション クリックをオンにした後、ポインタ イベントをサポートするブラウザである Firefox/Safari/Chrome でリンクをクリックして再度スパンすると、対応する動作がトリガーされる可能性があります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
