javascript - divのヒット領域を増やすには?

Question

画面上にインタラクティブな領域を作成する必要があり、ヒット領域はインタラクティブな要素よりも大きくなります。ただし、ヒット領域が DOM レイアウトに影響を与えることは望ましくありません。

この jsfiddleは、私が求めているものを示しています。DOM インスペクタは、#hitAreaが上下に拡張されていることを示しています#contentが、親要素 によって切り取られているため、インタラクティブではありませ#containerんoverflow:hidden。

Answer 1

質問を書いているときにそれを理解したので、ここに文書化します。

overflow:hiddenインタラクティブ領域（別名「ヒット領域」）と可視領域をクリップするため、ここでの目的を無効にしています。コメントアウトしてon にoverflow:hidden設定すると、ヒット領域を要素の可視境界を超えて拡張できます ( )。background-color: none#hitArea#content

http://jsfiddle.net/5vzJb/14/

私の場合は、コンテンツをクリップする必要があるため、代わりに に適用overflow:hiddenし#content、コンテンツを div として追加できます#content。