首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >主导航子菜单隐藏在页面内容后面-无法弄清楚为什么

主导航子菜单隐藏在页面内容后面-无法弄清楚为什么
EN

Stack Overflow用户
提问于 2019-10-01 20:30:25
回答 2查看 79关注 0票数 0

主导航子菜单项出现在此一页的内容后面。它必须与自定义页面模板有关,但我没有看到任何z-索引值干扰。这种情况不会发生在粘稠的标题上,只会出现在没有向下滚动时可见的主标题上。

当我将z-索引值添加到标题和子菜单加位置:inherit(和其他)中时,没有帮助。“违规”部分以下面的代码开始。

代码语言:javascript
运行
复制
 <div style="margin-bottom:35px;margin-top: 20px;">
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-10-03 22:53:37

呼!玩弄位置元素,并“修复”它:)

代码语言:javascript
运行
复制
.sf-menu > .financity-normal-menu ul { position: fixed !important; }

我把这个添加到这个页面中,其他页面没有受到影响,这个问题现在已经在桌面和移动平台上解决了。它被设定为:

代码语言:javascript
运行
复制
position: absolute

这显然比我知道的要多。谢谢你看这个!

票数 0
EN

Stack Overflow用户

发布于 2019-10-02 02:57:16

我不知道为什么,我也不认为这是z指数或头寸的问题。可能是因为要添加的所有类,以及页面向下滚动时头重复的事实。

但给你一个解决办法。它将使页眉停留在一个状态,而不是在页面被滚动时进行转换。我也使用@media only screen and (min-width 1000px)作为断点,因为那时您的网站的适应性CSS变化。所以我们实际上不会对移动CSS做任何改变。

代码语言:javascript
运行
复制
@media only screen and (min-width 1000px) {
.financity-header-style-plain {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
} }

我还注意到,在移动上,当您向下滚动时,您的侧边栏菜单隐藏在其他内容后面,因此将z-index添加到以下元素:

代码语言:javascript
运行
复制
.mm-menu.mm-offcanvas.mm-current {
z-index: 90;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58191861

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档