CSS 位置绝对覆盖导航栏位置固定

Question

我创建了两个图像的悬停效果。将鼠标悬停在 div“img3”中时，图像 1 会更改为图像 2。两个图像都在 div"img3" 中，image2 位置是绝对的。现在我的导航栏或标题（“标题”部分）位置已固定。因此，每当我将鼠标悬停在 image1 上时，image2 就会出现在导航栏的顶部，如下图 2 所示。 图片1 图片2

Answer 1

将其添加到您的导航栏，

z-index: 100;

因为您添加的任何内容都不会超出导航栏。

Answer 2

DarkForest的答案是正确的。
只是进一步解释一下 - z-index 的属性
定义网站元素的分层适用于 position:fixed 和 position:absolute。分层的默认行为是分层的，这意味着代码中较靠前的元素将最初覆盖第一个元素。
除非您为这些元素中的一个或两个定义属性 z-index 。
数字越大，显示越上层。

通常，您希望为固定导航栏分配尽可能高的 z-index ，因为您实际上并不希望在其上显示任何内容（除非它是其中的元素）

总而言之：

.navbar {
   /*dimensions and other styles*/
   position:fixed;
   z-index: 100;
}

应该做把戏