如何增加div的命中率？

Question

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

This jsfiddle展示了我的追求。 DOM检查器显示#hitArea在#content之上和之下延伸，但它不是交互式的，因为它的父元素#container被overflow:hidden剪切。

Answer 1

当我写这个问题时想出来，所以我在这里记录它。

overflow:hidden剪辑交互区域（又名“命中区域”）以及可见区域，因此它在此处扼杀了目的。在overflow:hidden上发表评论background-color: none并设置#hitArea可让点击区域超出元素的可见范围（#content）。

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

就我而言，我需要剪切内容，因此我可以将overflow:hidden应用于#content，并将我的内容附加为#content中的div。