我有一个div具有background:transparent,沿border.在此之下div,我有更多的元素.
目前,当我点击叠加层外部时,我可以单击基础元素div.但是,直接单击叠加层时,我无法单击基础元素div.
我想能够点击这个,div这样我就可以点击底层元素.

我希望能够在任何网页内放置一个"立即聊天"按钮,弹出一个聊天窗口.
我可以使用JavaScript添加"立即聊天"按钮,但这会在页面中继承css并使其看起来很糟糕.所以我想将它放在自己的页面中,并使用iframe将其嵌入到任何网页中.
这是我能得到的尽可能接近.它会在页面顶部显示iframe,但不允许点击通过.如何点击"Click Me"按钮?
我看到大多数实时聊天都这样做,所以一定有可能.
<html>
<head></head>
<body>
<div><button>Click Me</button></div>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://www.botlibre.com/script?file&id=15069189" style="height:100%; background: none; border: 0px; bottom: 0px; float: none; left: 0px; margin: 0px; padding: 0px; position: absolute; right: 0px; width: 100%;"></iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
希望有可能不必完全确定iframe的大小,但也许......它不是吗?奇怪的是,iframe可以显示它背后的网页,但不能允许它被点击.