gpt4 book ai didi

html - 禁用悬停在特定的 div 上

转载 作者:太空宇宙 更新时间:2023-11-04 14:11:28 24 4
gpt4 key购买 nike

当我将鼠标悬停在#icon div 上时,会出现一个图像。当我从#icon 中移除鼠标时,图像消失了。

问题

如果我将鼠标悬停在#icon 上时,将鼠标悬停在图像将出现的空间上,则会显示该图像。我什么都试过了,所以我真的希望你能帮上忙。

我需要移除我的 #image-divs 上的所有悬停效果

HTML

<div id="box">
<div id="icons1">
<div id="image1"></div>
</div>
<div id="icons2">
<div id="image2"></div>
</div>
<div id="icons3">
<div id="image3"></div>
</div>
<div id="icons4">
<div id="image4"></div>
</div>
</div>

CSS 示例

#box #icons1 #billede1 {
height: 450px;
width: 1000px;
margin-left: -186%;
margin-top: 150px;
background-image: url(../html_css/billeder/1.jpeg);
background-position: center;
background-size: cover;
opacity: 0.0;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
}

最佳答案

使用pointer-events:none

div{pointer-events:none}
div:hover{color:red;}
<div>Hover over me</div>

关于html - 禁用悬停在特定的 div 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42902104/

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