WordPress导航栏跟随 网站 WordPress

admin 2019-12-12 982

方法仅对于一般位于顶端的导航条有效。 首先找到导航栏的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标准,支持目前所有浏览器*/


转载请注明原文地址:https://www.xiaobaike.net/thread-552.htm

上一篇:CPU性能轻松翻倍 但AMD、Intel为何不推消费级双路处理器?
下一篇:AMD将迎来高光时刻:7nm订单翻倍 分析师纷纷上调股价预期
最新回复 (1)
    • 诸葛小百科
      3
          
返回
发新帖