纯CSS的下拉菜单支持IE6 IE7 Firefox

时间：2022-07-02 14:56:42 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.***w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示：您可以先修改部分代码再运行

<title> </title>   
   
<style type="text/<a href=" http: target="_blank">css">   
*{margin:0;padding:0;}    
.menu{font-size:12px;position:relative;z-index:100;}    
.menu ul{list-style:none;}    
.menu li {float:left;position:relative;}    
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}    
.menu table {position:absolute; top:0; left:0;}    
.menu ul li:hover ul,    
.menu ul a:hover ul{visibility:visible;}    
.menu a{display:block;border:1px solid #aaa;background:#CAD9EA;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}    
.menu a:hover{background:#f2cdb0;color:#f00;border:1px solid red;}    
.menu ul ul{}    
.menu ul ul li {clear:both;text-align:left;font-size:12px;}    
.menu ul ul li a{display:block;margin:0;border:0;border-bottom:1px solid red;}    
.menu ul ul li a:hover{border:0;background:#f2cdb0;border-bottom:1px solid #fff;}    
</style>   
   
   
   
   
<div class="menu">   
    <ul>   
        <li>
   
               
            <ul>   
                <li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
            </li>
</ul>   
               
        </li>   
        <li>
   
               
            <ul>   
                <li>   
                </li>
<li>   
            </li>
</ul>   
               
        </li>   
        <li>
   
               
            <ul>   
                <li>   
                </li>
<li>   
            </li>
</ul>   
               
        </li>     
        <li>
   
               
            <ul>   
                <li>   
                </li>
<li>   
            </li>
</ul>   
               
        </li>     
        <li>
   
               
            <ul>   
                <li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
                </li>
<li>   
            </li>
</ul>   
               
        </li>   
    </ul>   
</div>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

纯CSS的下拉菜单支持IE6 IE7 Firefox

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程

推荐专题

最新下载

热门教程

纯CSS的下拉菜单 支持IE6 IE7 Firefox

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程

纯CSS的下拉菜单支持IE6 IE7 Firefox