css - 如何使另一个 div 下的内容可访问/可点击？

Question

我有两个 div：一个固定在另一个上面，它包含内容并在第一个下面滚动。第一个（顶部）div 有一个三角形 png 背景。当第二个 div 的内容在第一个 div 的透明区域下滚动时，我怎么可能使该重叠区域仍然可访问/可点击？您可以在此链接中看到更清晰的方案：

非常感谢！

Answer 1

尝试使用指针事件 css 选项

#div1 {
     pointer-events:none;
}

它在这里工作的例子-> http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html

Answer 2

降低顶部 div 的高度。例如，大约 20%。然后将溢出选项设置为

overflow: visible;