level 5
不滚动:用固定定位+z-index值，z-index设置大一点，比如1000
2014年10月22日 10点10分
level 11
2
滚动时导航条是固定的，永远固定在顶部！设置z–index不行
2014年10月22日 11点10分
回复FMXN闯天涯:可以的
2014年10月22日 11点10分
回复FMXN闯天涯:用固定代码+z-index是可以的，我就是这么写的
2014年10月22日 11点10分
回复FMXN闯天涯:用固定代码+z-index是可以的，我就是这么写的
2014年10月22日 11点10分
level 11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body{
margin:0;
padding:0;
}
.s1{
width:100%;
height:30px;
background:red;
position:fixed;
top:0px;
z-index:1000;
}
.s2{
width:950px;
height:2000px;
background:yellow;
margin:0 auto;
}
</style>
</head>
<body>
<div class="s1"></div>
<div class="s2">
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
<p>第四行</p>
<p>第五行</p>
<p>第六行</p>
<p>第七行</p>
<p>第八行</p>
<p>第九行</p>
<p>第十行</p>
<p>第十一行</p>
<p>第十二行</p>
<p>第十三行</p>
<p>第十四行</p>
<p>第十五行</p>
<p>第十六行</p>
<p>第十七行</p>
<p>第十八一行</p>
<p>第十九行</p>
<p>第二十行</p>
</div>
</body>
</html>
2014年10月22日 11点10分
3
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body{
margin:0;
padding:0;
}
.s1{
width:100%;
height:30px;
background:red;
position:fixed;
top:0px;
z-index:1000;
}
.s2{
width:950px;
height:2000px;
background:yellow;
margin:0 auto;
}
</style>
</head>
<body>
<div class="s1"></div>
<div class="s2">
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
<p>第四行</p>
<p>第五行</p>
<p>第六行</p>
<p>第七行</p>
<p>第八行</p>
<p>第九行</p>
<p>第十行</p>
<p>第十一行</p>
<p>第十二行</p>
<p>第十三行</p>
<p>第十四行</p>
<p>第十五行</p>
<p>第十六行</p>
<p>第十七行</p>
<p>第十八一行</p>
<p>第十九行</p>
<p>第二十行</p>
</div>
</body>
</html>
![[大拇指]](/static/emoticons/u5927u62c7u6307.png)
level 4
楼上没说清楚，但是代码里有了，就是position：fixed固定定位实现不随滚动条滚动，至于透明文字，一般我们项目里的经验就是单独再加一个div专门用来控制透明，文字部分写在别处div上
2014年10月23日 01点10分
4
回复 丿逆天丶殇 :这年头还做个P的IE6兼容，还在用IE6的一点实力水平也没有，基本上不能从他们身上获取半毛油水，还浪费那时间有毛用，顶多给IE8兼容一下
2014年10月26日 13点10分
回复 Zazck :也不能这么说吧，毕竟要考虑到ie6的用户
2014年10月27日 01点10分
@lu1ong 笑，ie678,简直低能，玩preserve-3d玩多了，直观感觉ie11都是低能，和chrome,火狐差距太大了
2015年02月17日 20点02分
level 7
3楼源码新增
/*解决ie6下拉动滚动条时页面闪烁问题，当然，还有其它方法(略)*/
html{background-attachment:fixed;_background-image:url(a.jpg);}
/*兼容 ie6 下fixed无效*/
.s1{_top:expression(eval(document.documentElement.scrollTop)); }
；
之前写了一个代码悬浮框架，包含页面中上，右，底，左4个方位的悬浮，源码地址：
ht tp://http://www.yilingsj.com/div/2014-01-07/142.html
仅供参考
2015年02月28日 02点02分
5
/*解决ie6下拉动滚动条时页面闪烁问题，当然，还有其它方法(略)*/
html{background-attachment:fixed;_background-image:url(a.jpg);}
/*兼容 ie6 下fixed无效*/
.s1{_top:expression(eval(document.documentElement.scrollTop)); }
；
之前写了一个代码悬浮框架，包含页面中上，右，底，左4个方位的悬浮，源码地址：
ht tp://http://www.yilingsj.com/div/2014-01-07/142.html
仅供参考
level 1
