内容标题34

  • <tr id='jkn29h'><strong id='jkn29h'></strong><small id='jkn29h'></small><button id='jkn29h'></button><li id='jkn29h'><noscript id='jkn29h'><big id='jkn29h'></big><dt id='jkn29h'></dt></noscript></li></tr><ol id='jkn29h'><option id='jkn29h'><table id='jkn29h'><blockquote id='jkn29h'><tbody id='jkn29h'></tbody></blockquote></table></option></ol><u id='jkn29h'></u><kbd id='jkn29h'><kbd id='jkn29h'></kbd></kbd>

    <code id='jkn29h'><strong id='jkn29h'></strong></code>

    <fieldset id='jkn29h'></fieldset>
          <span id='jkn29h'></span>

              <ins id='jkn29h'></ins>
              <acronym id='jkn29h'><em id='jkn29h'></em><td id='jkn29h'><div id='jkn29h'></div></td></acronym><address id='jkn29h'><big id='jkn29h'><big id='jkn29h'></big><legend id='jkn29h'></legend></big></address>

              <i id='jkn29h'><div id='jkn29h'><ins id='jkn29h'></ins></div></i>
              <i id='jkn29h'></i>
            1. <dl id='jkn29h'></dl>
              1. <blockquote id='jkn29h'><q id='jkn29h'><noscript id='jkn29h'></noscript><dt id='jkn29h'></dt></q></blockquote><noframes id='jkn29h'><i id='jkn29h'></i>

                天蚕在你身边

                不方便打如此一来她想要帮助也没有成功电话?让天蚕联络你

                我们存在,我们思索,我们◤不断进取首页 >> 资讯信息 >> 行业资讯
                重庆网络公司 纯CSS 下拉菜单

                重庆网络公司相信很多人都想通过CSS 来实现下拉菜单的功能,下面就样子介绍下用CSS 怎么ㄨ实现下拉菜单:

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml">
                <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>52css.com</title>
                <style type="text/css">
                .menu {
                font-family: verdana, sans-serif;
                width:750px;
                position:relative;
                font-size:0.85em;
                padding-bottom:250px;
                }
                .menu ul {
                padding:0;
                margin:0;
                list-style-type: none;
                }
                .menu ul li {
                float:left;
                position:relative;
                }
                .menu ul li a, .menu ul li a:visited {
                display:block;
                text-decoration:none;
                color:#000;
                width:139px;
                height:3em;
                color:#000;
                border:1px solid #fff;
                border-width:1px 1px 0 0;
                background:#dfc184;
                padding-left:10px;
                line-height:3em;
                }
                * html .menu ul li a, .menu ul li a:visited {
                width:149px;
                w\idth:139px;
                }
                .menu ul li ul {
                display: none;
                }
                table {
                margin:-1px;
                border-collapse:collapse;
                font-size:1em;
                }
                /* specific to non IE browsers */
                .menu ul li:hover a {
                color:#fff;
                background:#bd8d5e;
                }
                .menu ul li:hover ul {
                display:block;
                position:absolute;
                top:3em;
                margin-top:1px;
                left:0;
                width:150px;
                }
                .menu ul li:hover ul li ul {
                display: none;
                }
                .menu ul li:hover ul li a {
                display:block;
                background:#faeec7;
                color:#000;
                height:auto;
                line-height:1.2em;
                padding:5px 10px;
                width:129px
                }
                .menu ul li:hover ul li a.drop {
                background:#c9c9a7;
                }
                .menu ul li:hover ul li a:hover {
                background:#c9c9a7;
                color:#000;
                }
                .menu ul li:hover ul li:hover ul {
                display:block;
                position:absolute;
                left:150px;
                top:0;
                width:150px;
                }
                .menu ul li:hover ul li:hover ul.left {
                left:-150px;
                }
                </style>
                <!--[if lte IE 6]>
                <style type="text/css">
                .menu ul li a:hover {
                color:#fff;
                background:#bd8d5e;
                }
                .menu ul li a:hover ul {
                display:block;
                position:absolute;
                top:3em;
                left:0;
                background:#fff;
                margin-top:0;
                marg\in-top:1px;
                }
                .menu ul li a:hover ul li a {
                display:block;
                background:#dbe4ab;
                color:#000;
                height:auto;
                line-height:1.5em;
                padding:5px 10px;
                width:150px;
                w\idth:129px;
                }
                .menu ul li a:hover ul li a.drop {
                background:#c9c9a7;
                }
                .menu ul li a:hover ul li a ul {
                visibility:hidden;
                position:absolute;
                height:0;
                width:0;
                }
                .menu ul li a:hover ul li a:hover {
                background:#c9c9a7; color:#000;
                }
                .menu ul li a:hover ul li a:hover ul {
                visibility:visible;
                position:absolute;
                top:0;
                color:#000;
                left:150px;
                }
                .menu ul li a:hover ul li a:hover ul.left {
                left:-150px;
                }

                </style>
                <![endif]-->
                </head>
                <body>
                使用IE7、IE6注释判断
                <div class="menu">
                <ul>
                <li><a class="drop" href="#">菜单1
                <!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                <li><a href="#" title="">菜单1-1</a></li>
                <li><a href="#" title="">菜单1-2</a></li>
                <li><a href="#" title="">菜单1-3</a></li>
                <li><a href="#" title="">菜单1-4</a></li>
                <li><a class="drop" href="#" title="">菜单1-5
                <!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                <li><a href="#" title="">菜单1-5-1</a></li>
                <li><a href="#" title="">菜单1-5-2</a></li>
                <li><a href="#" title="">菜单1-5-3</a></li>
                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#" title="">菜单1-6</a></li>
                <li><a href="#" title="">菜单1-7</a></li>
                <li><a href="#" title="">菜单1-8</a></li>
                <li><a href="#" title="">菜单1-9</a></li>
                <li><a href="#" title="">菜单1-10</a></li>
                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#">菜单2
                <!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                <li><a href="#" title="">菜单2-1</a></li>
                <li><a href="#" title="">菜单2-2</a></li>
                <li><a href="#" title="">菜单2-3</a></li>
                <li><a href="#" title="">菜单2-4</a></li>
                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#">菜单3
                <!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                <li><a href="#" title="">菜单3-1</a></li>
                <li><a href="#" title="">菜单3-2</a></li>
                <li><a href="#" title="">菜单3-3</a></li>
                <li><a href="#" title="">菜单3-4</a></li>
                <li><a href="#" title="">菜单3-5</a></li>
                <li><a href="#" title="">菜单3-6</a></li>
                <li><a href="#" title="">菜单3-7</a></li>
                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#">菜单4
                <!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                <li><a href="#" title="">菜单4-1</a></li>
                <li><a href="#" title="">菜单4-2</a></li>
                <li><a href="#" title="">菜单4-3</a></li>
                <li><a href="#" title="">菜单4-4</a></li>
                <li><a class="drop" href="#" title="">菜单4-5
                <!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul class="left">
                <li><a href="#" title="">菜单4-5-1</a></li>
                <li><a href="#" title="">菜单4-5-2</a></li>
                <li><a href="#" title="">菜单4-5-3</a></li>
                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="#" title="">菜单4-6</a></li>
                <li><a href="#" title="">菜单4-7</a></li>
                </ul>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                </ul>
                </div>
                </body>
                </html>
                立即购买

                地址:重庆市渝中区上清寺鑫隆达B座28-8

                邮编:400015

                电话:023-63612462

                EMAIL:cnjl_net@163.com

                2022 渝ICP备09007657号-7

                网警备案⊙号:500103015-00277

                弹子石网站建设云阳网站建设万州网站建设大足网站建设秀山网站建设梁平好像说这件事情让他很为难网站建设万盛网站建设永川网站建设
                江北网站建设北碚网站建设≡巴南区网站建设九龙坡网站建设沙坪坝网站∴建设大渡口网站建设南坪网站建就在鬼太雄打开房门设渝北网站『建设
                江津网站建设渝中区网站建设
                重庆钢管架搭建重庆物流公墓∩管理系统手机网站建设 重庆软件开发公司龙橱定制重庆立信重庆土鸡销售重庆网络公司重庆网站制作公司重庆宠物医院重庆动物医院银行窗口对讲〗机四川冷却塔公墓管理显然是着了系统重庆公墓银行刚性防护重庆建筑加固

                渝公网安备 50010302000874号