java吧 关注:1,236,294贴子:12,705,206
  • 5回复贴,共1

我的CSS下拉菜单功能怎么实现不了,在线等,求指教

只看楼主收藏回复

谢谢帮忙~


1楼2013-08-23 19:00回复
    代码不能完全复制上来,只能一段段复制了


    2楼2013-08-23 19:01
    回复
      <style type="text/css"> .nav-container { margin-bottom: 20px;background: url("../images/pink/nav-bg.gif") repeat-x scroll center bottom #E10566; clear: both;position:relative;}#nav{ display: inline-block; font-size: 13px; list-style: none outside none; margin: 0;}
      #nav li { float: left; background: url("../images/pink/nav-border.gif") no-repeat scroll right center transparent; position: relative; text-align: left; display:block; z-index:50; margin:0;}
      #nav li a { color: #FFFFFF; display: block; float: left; font-weight: bold; padding: 9px 0; text-decoration: none;}#nav > li > a { display: block; padding: 0 !important; text-decoration: none;}
      #nav > li > a:hover { background: url("../images/tail-menu-act.gif") repeat-x scroll left bottom #A10D4E; text-decoration: none;}
      #nav > li > a > span { cursor: pointer; display: block; font-size: 15px; font-weight: normal; padding: 13px 15px 15px; text-transform: capitalize; white-space: nowrap;}
      #nav li ul {background: none repeat scroll 0 0 #950544;font-size: 13px;left: 1px;padding: 0;position: absolute;top: 44px;width: 330px;display:none;margin:0 0 0 -1px; } #nav ul li { /*float:left; border-top:1px solid #fff;*/border-bottom: 1px solid #C01F65; float: left;white-space:nowrap;width:165px; } /* display block will make the link fill the whole area of LI */#nav ul li a {color: #FFFFFF;float: none;font-weight: normal;padding: 5px 9px 5px 10px;text-decoration:none; } #nav li ul a:hover { color: #FE0271;text-decoration:none; }#content { clear: left; } -->


      3楼2013-08-23 19:02
      回复
        这是我的CSS


        4楼2013-08-23 19:02
        回复
          这是我的测试代码


          5楼2013-08-23 19:02
          回复
            求帮助,比较急,谢谢~


            7楼2013-08-23 19:04
            回复