点击Chrome中的透明度

时间:2012-10-17 13:50:27

标签: google-chrome transparency

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

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

评论该页面的来源以解释透明度。

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

这突出了我在使用包含链接的iframe时遇到的问题,但我也希望包含iframe的页面也允许点击链接。 transparanecy可以在Chrome中使用,因为我可以看到两组链接,但只能点击顶层的那些(即iframe)。顶级iframe让我可以看到背后的内容但不与之互动。

我知道指针事件:但是没有,然后停止iframe上的链接。我基本上可以在背景html或覆盖iframe上工作,但不能同时工作!

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

1 个答案:

答案 0 :(得分:0)

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

意味着Div,所有的孩子div也应该能够点击。

我在这里找到了解决方案: Click through transparency in Chrome