【问题标题】:Sticky Navigation - Formatting Issue粘性导航 - 格式问题
【发布时间】:2016-05-02 11:13:02
【问题描述】:

我目前正在创建一个带有粘性菜单的 wordpress 主题。我已经掌握了它的基本工作原理。我遇到的唯一问题是当它捕捉到不同的位置时,它并没有完全捕捉到该部分的顶部。 菜单的底部并没有与该部分的顶部对齐,而是显示导航的顶部,其上方似乎有 20 像素的间隙。有谁知道我能做些什么来解决这个问题?我在下面附上了 CSS。

#headerwrapper {
width:1500px;
margin: 0 auto !important;  
height:138px;
position:fixed;
background:#212c2e;

}

网站是 www.featurebooth.com.au/wordpress

我遇到的另一个问题是导航似乎消失在我使用的画廊插件后面。任何帮助将不胜感激!

这是错误的格式

这是正确的格式

【问题讨论】:

    标签: css wordpress navigation


    【解决方案1】:

    添加这个:

    #headerwrapper {
      top: 0; (or whatever fixes it)
      z-index: 1000;
    }
    

    top 会将它放在页面的顶部,z-index 将确保它位于所有其他元素之上。

    【讨论】:

    • z-index 非常适合使导航出现在图库上方。不过,我仍然遇到它捕捉到错误区域的问题。是否有可能以某种方式使导航的底部捕捉到该部分的顶部?而不是顶部的导航? 138px 的高度隐藏了该部分的一部分。我唯一能真正想到的就是创建一个高度为 138px 的空 div 类。不幸的是,这让设计看起来有点滑稽。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多