gpt4 book ai didi

javascript - 将悬停传递给 HTML 中的下方元素

转载 作者:行者123 更新时间:2023-11-28 13:04:45 26 4
gpt4 key购买 nike

我在一个透明元素下面有几个元素(尽管其中有些东西是可见的)。但似乎填充不允许鼠标事件通过。我有它,所以当鼠标悬停在一个较低的元素上时,它会改变颜色,然后当它离开时,它会慢慢变回原来的颜色。但是对于它上面的元素覆盖的区域,悬停不会通过。有谁知道如何让这些事件传递给较低的元素?

HTML

<body>
<div id="background">
<canvas class="gridBox" id="grid1x1"></canvas>
<canvas class="gridBox" id="grid2x1"></canvas>
<canvas class="gridBox" id="grid3x1"></canvas>
...
<canvas class="gridBox" id="grid18x8"></canvas>
</div>
<div id="header">
<p id="logo"><img src="img/logo.png"></p>
</div>
<div id="content">
<p>Nothing here yet</p>
</div>
<div id="footer">
</div>
</body>

CSS

body,html{
padding:0;
margin:0;
}
#background{
padding:0;
margin:0;
width:110%;
height:100%;
z-index:-1;
position:fixed;
top:0;
left:0;
overflow:visible;
line-height: 0;
}
.gridBox{
margin:0;
padding:0;
height:50px;
width:50px;
border:1px solid #000000;
background:black;
transition:background-color 1s linear;
}
.gridBox:hover{
background-color:green;
transition:background-color 0s linear;
}

最佳答案

由于您没有发布代码,我猜您正在使用诸如灯箱、悬停父元素和制作动画之类的东西。我建议你看看这个问题已经解决了 jQuery hover problem due to z-index

关于javascript - 将悬停传递给 HTML 中的下方元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15917451/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com