Html ``悬停状态在inspector中起作用，但在实际浏览器中不起作用

我遇到一些div的问题，他们应该在悬停时从背景图像更改为背景颜色。如果你试着运行我在下面发布的代码，你会发现它是有效的，但是我在上面使用相同的代码，如果我把图片悬停在网站上，什么都不会发生

此外，当您在检查器中强制悬停状态时，它也会起作用。。。 有人知道这个问题吗

#kijker1div{
宽度：55%；
垫底：31.5%；
位置：相对位置；
浮动：左；
保证金权利：.5%；
背景图片：url（images/kijker1.png）；
背景尺寸：封面；
文本对齐：居中；
}
#kijker2div{
宽度：44.5%；
垫底：40%；
位置：相对位置；
浮动：左；
利润底部：1.25%；
背景图片：url（images/kijker2.png）；
背景尺寸：封面；
背景职位：50%；
文本对齐：居中；
}
#kijker3div{
宽度：55%；
垫底：37%；
位置：相对位置；
浮动：左；
利润率最高：-9.25%；
保证金权利：.5%；
背景图片：url（images/kijker3.png）；
背景尺寸：封面；
文本对齐：居中；
}
#kijker4div{
宽度：44.5%；
垫底：28.5%；
利润率最高：0.75%；
位置：相对位置；
浮动：左；
背景图片：url（images/kijker4.png）；
背景尺寸：封面；
背景位置：50%50%；
文本对齐：居中；
}
#kijker1div:悬停{
背景色：#3498db；
背景图像：无；
}
#kijker2div:悬停{
背景色：#e74c3c；
背景图像：无；
}
#kijker3div:悬停{
背景色：#9b59b6；
背景图像：无；
}
#kijker4div:悬停{
背景色：#1abc9c；
背景图像：无；
}

---

由于未清除

浮动

，以下元素“覆盖”了您的四个磁贴，因此鼠标无法通过

---

尝试将

overflow:hidden

添加到容器中。

由于未清除

float

，以下元素“覆盖”了您的四个磁贴，因此鼠标无法通过

尝试将

overflow:hidden

添加到容器。

kijkerdivtxt1div与上面包装图像的包装类重叠（因为包装高度不等于其子元素），这会阻止触发悬停事件

您可以为包装器类设置任意一个属性

.wrapper {
    display: inline-block;
    overflow: hidden;
}

#kijkerdivtxt1

div与上述包装图像的包装类重叠（因为包装高度不等于其子元素），这会阻止触发悬停事件

您可以为包装器类设置任意一个属性

.wrapper {
    display: inline-block;
    overflow: hidden;
}

---

你是否在特定的html页面中使用了any.js删除然后检查我认为这会阻止鼠标悬停你是否在特定的html页面中使用any.js删除然后检查我认为这会阻止鼠标悬停