图片展示

三斜杠首页 > 精选好文 >正文

关于导航菜单置顶设置

浏览：1207 发表时间：2017-05-01 19:37:11
以本站SANXIEGANG为例：


样式：

#HeaderContainer{
    position: fixed;
    z-index: 3;
}

#module_5829760{opacity: 0.8; filter: alpha(opacity=80);}
#module_5829760 .BodyCenter.BodyCenter5829760{background-color: none;}
#module_5829806 .nav .navMainItemGroup .navMainItem{background-color: none;}


用JS来实现：

<script>
$("#HeaderContainer").attr("style","position: fixed;z-index: 3;");
$("#module_5829760").attr("style","opacity: 0.8; filter: alpha(opacity=80);");
$("#module_5829760 .BodyCenter.BodyCenter5829760").attr("style","background-color:none");
$("#module_5829806 .nav .navMainItemGroup .navMainItem").attr("style","background-color:none");

</script>


其它疑问

问：position:fixed且不脱离文档流，就是还占据原来的位置，不会与其他div重叠
答：在设置了fixed的div下再设置一个空的div，小小设置成你要占据的尺寸，妥妥儿的


下一篇 : 有什么能替代iframe标签

推荐阅读

图片展示
  • 联系人:
  • QQ:
  • 留言内容:
  • 验证码:
    请输入验证码

留言列表

【5】 2017-04-30
66666
回复内容2017-04-30
去你的……
重置文章字号 更多+

贴心服务

  • 网站每周自动备份
  • 生成APP，一下高大上
  • 云服务器，不需另外买空间
  • 域名代备案

帮助中心

  • Bootstrap前端框架
  • SuperSlide.2.1.1
  • FlexSlider-0690ec2
  • 有问必答

联系我们

  • service@sanxiegang.com
©2008-2017 三斜杠网络公司版权所有 盗用必究 QQ:2558731797
三斜杠专注于深圳小微企业网站建设,为您打造个性化互联网平台. 粤ICP备17053880号