javascript - 如何增加div的命中区域？

Question

我需要在屏幕上创建一个交互式区域，点击区域大于交互式元素。但是，我不希望命中区域影响 DOM 布局。

这个 jsfiddle演示了我所追求的。一个 DOM 检查器显示#hitArea扩展了 above 和 below #content，但它不是交互式的，因为它被它的父元素 ,#container和. 裁剪overflow:hidden。

Answer 1

在我写这个问题的时候想出来了，所以我在这里记录下来。

overflow:hidden剪辑交互区域（又名“命中区域”）以及可见区域，所以它违背了这里的目的。注释掉overflow:hidden并设置background-color: none为#hitArea允许命中区域超出元素的可见边界 ( #content)。

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

在我的情况下，我需要剪辑内容，所以我可以改为申请overflow:hidden，#content并将我的内容作为 div 附加到#content.