描述
我有一个带有表的div，该表的每个TD都会有一个事件onClick。
但是有时，我将需要在此表的前面显示一些文本，尽管该文本不会弄乱我表的TD。
所以我的问题是，我需要在表格前显示一个文本，但是当我单击该文本时，它不会有任何影响，并且在文本后面正确单击的TD应该调用其事件。
我做了什么：
我有#div1和#div2，#div1在后面，#div2在前面（都是position:absolute）。
因此，#div1在那里，但是它是不可见的，仅显示#div2。
尽管仅显示#div2，但我需要在#div1前面显示来自#div2的文本。
为了做到这一点，我在span上放置了#div1并设置了span的z-index:1。
这样，#div1仍然不会出现，但是它的span会出现。
一切都很好，但是现在我遇到了一个新问题。
我需要单击#div2（前面），然后在整个div上获取事件。
即使显示#div1中的文本，也不应在其中显示任何文字，只需显示出来即可。
仅仅阅读就很难理解，所以我做了Fiddle。
单击红色的“来自＃div1的Text1 ...”，我需要它来提醒TD html内容！
最佳答案
您可以通过一些CSS单击“链接” #div1 span1：
#div1 span{
pointer-events: none;
}
它应该可以在FF和Webkit浏览器中使用，但是您对IE8和更低版本的浏览器并不满意。
工作示例：http://jsfiddle.net/W9jy5/12/
关于javascript - 不应检测到来自后面的HTML div，但必须位于CSS绝对位置的前面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13545958/