[英]Make click go through an element to one behind it
我有一個 div,它用一些按鈕跨越我的整個頁面。 然而,div 是透明的。 我在 div 后面放了一個視頻,我希望能夠開始和停止。 當然,只有當我按下不是按鈕的地方時。 但目前,div 正在消耗點擊。 我希望點擊傳播到它后面的元素。 但是,我仍然希望它阻止滑動。
CSS
.root {
display: grid;
grid-template-columns: 0.7fr 1fr 0.7fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-template-areas: "left center right";
height: 100vh;
width: 100vw;
position: absolute;
}
HTML
<div
className="root"
style={{
display: "grid"
width: `calc(100% - ${arg1? arg3: 0}px)`,
height: `calc(100% - ${arg2 ? arg4: 0}px)`,
backgroundColor: "#ffffff00",
}}
onClick={(ev) => {
console.log("cl");
}}
>
您需要pointer-events: none;
css 屬性。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.