1

我在用透明度覆盖 div 并且能够单击 Chrome 中的两个图层(但不是 IE)时遇到问题。

在我寻找答案的过程中,我发现了以下示例来说明: http ://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html

对该页面的来源进行了评论以解释透明度。

如果我在 IE 中查看此页面,我可以突出显示(即交互)框中的文本(“这是带有...的 div”)和顶部的文本(“此 DIV 覆盖在...”) . 但是,当我在 Chrome 中打开同一页面时,我无法选择顶部的文本。

这突出了我在使用包含链接的 iframe 时遇到的问题,但我也希望包含 iframe 的页面也允许点击链接。透明性在 Chrome 中起作用,我可以看到两组链接,但只能单击顶层(即 iframe)上的链接。顶部的 iframe 让我可以看到背后的内容,但不能与之交互。

我知道 pointer-events:none 但是,它会停止 iframe 上的链接。我基本上可以让它在背景 html 或覆盖的 iframe 上工作,但不能同时在两者上工作!

希望这一切都有意义,并提前感谢。

4

1 回答 1

0

似乎专门针对chrome的解决方案是使用css:
div#parent, div#parent div {pointer-events:none;}

意思是 div,所有子 div 也应该启用点击。

我在这里找到了解决方案: 单击 Chrome 中的透明度

于 2013-12-22T21:52:24.263 回答