css - 別の div の下にある div 内のコンテンツをアクセス可能/クリック可能にする方法は?

Question

2 つの div があります。1 つはコンテンツを保持し、最初の div の下でスクロールする別の上に固定されています。最初 (上部) の div には、三角形の png 背景があります。2 番目の div のコンテンツが最初の div の透明な領域の下にスクロールする場合、その重なり合う領域を引き続きアクセス可能/クリック可能にするにはどうすればよいですか? このリンクでより明確なスキームを見ることができます：

どうもありがとう！

Answer 1

pointer-events css オプションを使用してみてください

#div1 {
     pointer-events:none;
}

ここで動作する例 - > http://www.searchlawrence.com/click-through-a-div-to-underlying-elements.html

Answer 2

トップ div の高さを減らします。たとえば、約 20% です。次に、オーバーフローオプションを次のようにします

overflow: visible;