通过透明的iframe进行点击

Question

我有一个网页，其底部由一个iframe占据，我将其透明化以查看重叠的元素。

尽管透明效果很好，但是重叠的链接是不可单击的，除非我将指针事件在iFrame中切换为无（显然可以通过另一个方法解决此问题）。我尝试在iFrame中制作一个div，覆盖了“ menuless”部分，将指针事件设置为全部，但似乎不起作用。我还必须记住，聊天组件是粘性的。

Answer 1

您可以通过 css 使用 z-index：

z-index 创建 css 中相关元素和编号最大的元素的列表，例如：

#elmnt {
    z-index: 10
}

#anotherElmnt {
    z-index: 20
}

其#elmnt重要性较低，并且#anotherElmnt在重叠的情况下将被置于具有较高 z-index 的后面。