pointer-events: none; で外側の div を持つことが可能です。そしてその中に別の div があり、pointer-events: auto; があります。外側の div はクリック イベントに対して透過的になり (つまり、クリック イベントには反応しませんが、基になる html コントロールは反応します)、内側の div は透過的になります。
ただし、iframe で同じことを行う必要があるシナリオがありますが、機能していません。pointer-events: none; を設定しました。iframe では、しかし、クリック可能にする必要がある内部 div は、それらにポインターイベントがあってもありません: auto; 設定。
ここに別の同様の質問がありますが、トピックから外れているため閉じられています。理由がわかりません。これは非常に有効な html/css の質問です。