html - 图片覆盖我的导航栏

Question

导航栏代码

ul {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    list-style-type: none;
    background: black;
    margin: 0;
    padding: 0;
}

li {
    float: left;
    padding: 25px 25px;
    cursor: pointer;
}

a {
    text-decoration: none;
    color: white;
    font-size: large;
}

及图片代码

.image {
    position: relative;
    left: 500px;
    overflow: hidden;

所以当我滚动时，文本会平滑地隐藏在导航栏后面。但是enter image description here图片与导航栏重叠

现在在我的右边，“类似问题”的 div 也重叠在底部的黑色 div 上

Answer 1

你应该设置一个z-index到您的 ul 并确保它高于其他元素的值。