导航栏覆盖其他元素

Question

今天我有以下问题我有响应式导航栏覆盖我的网站徽标

在那种情况下，我不能点击我的标志，我的意思是我不能使用 <a href ....。这是 .mean-bar css

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: absolute;
    background: 0 0;
    padding: 20px 0 0;
    z-index: 999;
    border-bottom: 1px solid rgba(0, 0, 0, .03);
    height: 55px;
}

我尝试添加 margin-left 但我失去了响应。 我想在不失去响应的情况下减小均值条的大小（宽度） 抱歉英语不好。

Answer 1

如果你的 .mean-bar 的 z-index: 999，你的 logo 应该有 z-index: 1000。

如果它不起作用，分享指向您正在处理的网站的链接可能会很好。

更新，在您的 CSS 中添加：

.main-responsive-nav .logo {
z-index: 1000;
max-width: 200px; }

应该添加“.main-responsive-nav”类，这样它只会在移动端查看时影响 .logo 类。

Answer 2

找出徽标 div class 或 id 并应用下面的 CSS

.logo-class {
    position: relative;
    z-index: 9990;
}

将 logo-class 替换为您的班级