当前位置:首页 > WordPress教程 > 正文

WordPress导航栏跟随

此方法仅对于一般位于顶端的导航条有效。 首先找到导航栏的CSS,修改其属性如下:

position: fixed;    /*生成绝对定位的元素,相对于浏览器窗口进行定位*/
z-index: 99;        /*设置元素的堆叠顺序,使该层处于最顶层*/
这样修改完你会发现:导航栏向左偏移了,右侧没有背景,排版很难看。但是只要改动宽度,如下:
width: 100%;

现在还有一个问题:网站整体上移了一个导航栏的宽度。只要给下面整个层加上 padding-top 属性就好了,不在意的可以忽略这一步。 最后如果觉得不透明有点别扭,也可以来实现半透明,同样添加CSS属性如下:

filter:alpha(opacity=50);    /*兼容IE6*/ 
-moz-opacity:0.5;            /*兼容一些老版本的Mozilla浏览器*/ 
-khtml-opacity: 0.5;         /*兼容一些老版本的Safari浏览器*/ 
opacity: 0.5;                /*CSS标准,支持目前所有浏览器*/
标签:
上一篇: 下一篇:

15 条评论

评论加载中...
  1. 10楼
    来自天朝的朋友 谷歌浏览器 Windows 8.1
    猫加宠物  

    楼主,你好,我的使用后导航栏整体下移了,需要怎么解决呢?求解答,谢谢!

    2016年1月20日 18:13 评论
    • 小幻  

      你看看css元素有没有冲突

      2016年1月23日 16:19 评论
  2. 主题自带了,省了不少事

    2015年8月29日 21:56 评论
    • 小幻  

      自带最省事了~

      2015年8月30日 07:25 评论
  3. 8楼
    来自天朝的朋友 谷歌浏览器 Windows 7
    boke123导航  

    如果导航栏不是在顶部时,往下拖动网页,导航栏到达顶部后固定,如何实现?

    2015年6月20日 18:33 评论
    • 幻殺あ殤璃  

      可以用js来实现,具体你可看看云落得global.js文件

      2015年6月20日 18:44 评论
  4. 7楼
    来自天朝的朋友 未知浏览器 Unknow Os
    买木耳  

    赞一个 欢迎回访

    2015年4月17日 23:33 评论
  5. 6楼
    来自天朝的朋友 未知浏览器 Unknow Os
    章正明  

    折腾

    2014年11月5日 18:52 评论
  6. 5楼
    来自天朝的朋友 未知浏览器 Unknow Os
    Me.稀奇  

    你就慢慢折腾吧!

    2014年11月5日 13:37 评论
  7. 4楼
    来自天朝的朋友 未知浏览器 Unknow Os
    8云资讯网  

    没用过

    2014年11月4日 21:54 评论
  8. 额,没有这样搞过

    2014年11月4日 19:19 评论
  9. 板凳
    来自天朝的朋友 未知浏览器 Unknow Os
    中国历史  

    我没有真正意义的导航栏,嘿嘿

    2014年11月4日 19:00 评论
  10. 沙发
    来自天朝的朋友 未知浏览器 Unknow Os
    旭日博客  

    自从加了友联还没有回访过一次,惭愧了

    2014年11月4日 15:54 评论

发表评论

不理你。不要啊!吃饭。吃惊。吃西瓜。飞吻!恭喜!Hi纠结!膜拜!OK抛媚眼。泡泡糖。抛钱。忍!生闷气!调皮。偷看。委屈。献花。疑问?抓狂!

小提示:Ctrl+Enter快速提交助您一臂之力~
加载中……