在我的页面上，我有两张并排的桌子。这两个表都有你可以点击的东西。但是使用mariginand position relative，我将第二张桌子移到了第一张桌子的正下方。问题是我可以单击第一个表中的内容，它会起作用，但是当我单击第二个表中的内容时，它不会注册....
有谁知道如何解决这一问题？
谢谢。
问问题
56 次
2 回答
0
一些浏览器支持pointer-events: none;属性，因此对象对于鼠标事件是透明的，但这不是跨浏览器的解决方案。IE 根本不支持。Chrome、Firefox、Safari 和 Opera 都可以。
于 2013-08-08T18:00:25.900 回答
0
您遇到的问题是您在另一个 html 元素之上有一个 html 元素。点击事件将在它们中的任何一个是最顶层的元素上触发。您可以使用元素的z-index css 属性进行调整。值越高，堆栈上的层越高。
但是，如果您确实需要将该表放在另一个表之上，则可以使用 pointer-events: none; 在大多数浏览器中，正如 Flash Thunder 提到的那样。
如果您需要它在 ie8 或更早版本中工作，有一些复杂的解决方案：http: //www.vinylfox.com/forwarding-mouse-events-through-layers/
这里真正的问题是，你为什么要这样做？听起来您对未知问题的解决方案不稳定。你能解释一下为什么你需要一张桌子放在另一张桌子上吗？
于 2013-08-08T21:41:42.930 回答