html - 需要修复 Weebly 网站中的导航栏和社交链接

Question

我一直在玩 Weebly 的不同模板，并试图找到一个可以在顶部添加社交链接的固定导航栏，但我似乎无法使用任何模板。社交链接往往不合适。

我已决定使用当前模板，但需要修复当前标题部分。我尝试添加position: fixed到 CSS 的一些区域，但结果很糟糕。背景可以与滚动一起看到。

Answer 1

apply this to #header-wrap

position: fixed;
top: 0;
z-index: 1;
background: #FFF; //if you want a background on the fixed header. 

You now have the border on the #page-wrap so if you want to keep that give this div a margin-top. If you want the border on the fixed header, put it there.

Styling for you nav:

#nav-wrap {
  position: fixed;
  top: 47px; 
  z-index: 2;
}

#nav-wrap .container {
   clear: both;
   overflow: hidden;
   position: relative;
   padding-bottom: 10px;
   margin-bottom: 10px;
   background: url(theme/saperator.png?1418308200) no-repeat bottom left;
   z-index: 2;
  background: #FFF;
}

http://jsfiddle.net/ft44wLym/