css怎样使顶端悬浮导航栏不遮住下面一层页面内容_安全

在两个层之间加这个<span class="blank" style="height:20px;"></span>，其中高度可以自己设置成自己需要的高度
css这样：blank{ clear:both; overflow:hidden; display:block; overflow:hidden;}

div {
    position: fixed;
    left:20px;
    top:20%;
    z-index:999;
}

z-index 这个是设置div的层级的，如果你网页里面其他任何内容的层级都低于999，那么这个DIV将会在最顶层。谁都无法覆盖它。 999 这个数值可以调整。

你好！这个有可能是你CSS设置了浮动，那这个时候，你只能一种方式就是将下拉菜单中的层次放到最顶端的位置，即z-index：9999，这表示，设置层在9999层，这个值如果没有设置的话，那就是说这个在原层，没有变动过，数值越高，越在上层。你的这个有可能就是比下拉菜单高出几层了，所以就被盖住了，你设置的z-index的值设置成高点，就会顶在上层了，不会盖住了。希望我的回答能令你满意！

固定在顶部要使用css属性的position:fixed;

做了个demo，大概的样式就是这样，具体的就要看做的时候需求是哪种了，附上

demo的html样式和css，如下：

<!doctype html>

<html>

<head>

<style>

{margin:0px; padding:0px;}

#edg_box{width:100%; height:1500px; background:#ccc; position:relative;}

edg_fixed{width:100%; height:35px; line-height:35px; font-size:14px; color:#fff; position:fixed; top:0px; left:0px; text-align:center; background:green;}

edg_cont{width:100%; margin-top:35px;}

</style>

</head>

<body>

<div class="edg_fixed">这是一个div始终固定在顶部的</div>

<div class="edg_cont">这是一个内容区域的div，装载的是内容</div>

</div>

</body>

</html>

建议最好使用内边距…IE6对外边距非常敏感并且一点规矩也不守…外边距这IE6经常发神经
在定位的时候要定准确
这该死的IE6神马时候才从盗版的XP系统中全军覆没啊……………………

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/12736752.html

css怎样使顶端悬浮导航栏不遮住下面一层页面内容

发表评论

评论列表（0条）