文章/答案/技术大牛

发布

社区首页 >问答首页 >SlickNav菜单覆盖徽标，使链接不可点击

问SlickNav菜单覆盖徽标，使链接不可点击
EN

Stack Overflow用户

提问于 2015-10-03 15:38:39

回答 1查看 875关注 0票数 0

我已经将SlickNav框架用于这个站点上的汉堡包菜单(http://culturepop.com/)，但是当它打开时，包含菜单的div会覆盖左边的徽标。虽然你可以看到标志，但你不能再点击它了。我试着把下拉菜单保持在100%宽的位置，但是这个按钮正好符合这个空间，并且没有盖住按钮。试着玩z索引，但之后汉堡菜单就不能再点击了。基本上，是一种不赢的局面。这是我的密码：

HTML (简化)

<body>
<div class="slicknav_menu"></div>
<div id="site-cphead">
        <div class="site-branding">
            <div class="site-title"><a href="#" rel="home"><img src="logo.svg" alt=""></a></div>
        </div><!-- .site-branding -->
</body>

CSS

 .slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
}
.slicknav_menu {
    background: transparent none repeat scroll 0% 0% !important;
    width: 100%;
    position: absolute;
    font-family: "proxima-nova-alt-condensed",sans-serif;
    font-size: 18px;
    padding: 11px 5px 0px !important;
    z-index: 9999;
}
.slicknav_menu {
    display: block;
}

z-index

slicknav

javascript

jquery

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-03 16:12:50

这就行了。：)

.smart-slider-canvas-inner
  z-index: 0

.slicknav_menu
  z-index: 1

.site-title a
  display: block
  position: relative // needs a position for the z-index to kick in
  z-index: 2

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32924376

复制

相似问题

问SlickNav菜单覆盖徽标，使链接不可点击
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SlickNav菜单覆盖徽标，使链接不可点击EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SlickNav菜单覆盖徽标，使链接不可点击
EN