注册 登录
编程论坛 → ASP技术论坛

DIV导航最高层求助

linjirongll 发布于 2009-08-16 17:21， 395 次点击
请问怎么样把DIV导航变为最高层才不会把下面的DIV撑移动？

程序代码：
<style type="text/css">
<!--
body{background-color:#000000;
    }
#nav{height:100%;
    border-bottom:26px;
    list-style:none;
    width:450px;
    }
    
#nav li{
        float:left;
        font-size:14px;
        font-weight:bolder;
        }
#nav li a{color:#FFFFFF;
            text-decoration:none;
            padding-top:5px;
            display:block;
            width:97px;
            height:20px;
            text-align:center;
            background:#FF0000;
            margin-left:5px;
            }
#nav li a:hover{background-color:#00FF00;
                color:#0000FF:
                }


ul{ padding:0;
    margin:0;
    list-style:none;
    
}


li{float:left;
    width:100px;
    margin-top:5px;
    }
li ul{display:none;
        top:20px;
        }

#nav li ul li a{background-color:#ffffff;
                color:#0000FF;
                }
#nav li ul li a:hover{background-color:red;
                color:#0000FF;
                }


li:hover ul, li.over ul{
        display:block;
        }
-->
</style>
</head>

<body>
<div style="Z-INDEX:999999">
<ul id="nav">
    <li><a href="" >教程</a>
        <ul>
            <li><a href="" class="aa">CSS教程</a></li>
            <li><a href="" class="aa">CSS教程</a></li>
            <li><a href="" class="aa">CSS教程</a></li>
        </ul>
    </li>
    
    <li><a href="">课件</a>
    
        <ul>
            <li><a href="" class="aa">CSS教程</a></li>
            <li><a href="" class="aa">CSS教程</a></li>
            <li><a href="" class="aa">CSS教程</a></li>
        
        
        </ul>
    
    
    </li>
  </ul>
</div>
<div style="height:500px; background-color:#999999"></div>
    



</body>
1 回复
#2
mgmt_asp2009-08-16 20:29
#nav{
position:absolute;
z-index:99;
top:0;
left:0;
height:100%;
border-bottom:26px;
list-style:none;
width:450px;
}
蓝色部分设置层浮动
红色部分设置位置
1
©2025, BC-CN.NET
电脑版