小编Sid*_*dum的帖子
当我将鼠标悬停在图像上时，图像与导航栏重叠
我创建了一个带有导航栏的网站。当我滚动并将鼠标悬停在图像上时，它们会重叠在导航栏上，正如您在我的网站或下图中看到的那样：
我尝试将悬停代码移到顶部（根据较低的优先级），但它不起作用。
我希望图像在悬停时倾斜，但位于导航栏下方。
谁能告诉我如何解决这个问题吗？
下面是CSS和HTML的代码：
body {
margin: auto 0;
}
.zone {
/* padding:30px 50px; */
/* margin:40px 60px; */
cursor:pointer;
/* display: inline-block; */
color:rgb(252, 251, 253);
font-size:2em;
border-radius:4px;
border:5px solid rgba(0, 58, 8, 0.856);
/* transition: all 0.3s linear; */
}
/* NAV BAR */
.main-nav {
display: flex;
list-style: none;
font-size: 0.7em;
text-transform: uppercase;
margin: 0;
}
li {
padding: 20px;
}
li:hover {
box-shadow: yellowgreen;
}
a {
color: #24011f;
text-decoration: none;
} …0
推荐指数
推荐指数
1
解决办法
解决办法
1547
查看次数
查看次数