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