MyException - 我的异常网
当前位置:我的异常网» HTML/CSS » 今天在网下找了个纯css实现的上拉菜单,在IE8、FF、

今天在网下找了个纯css实现的上拉菜单,在IE8、FF、谷歌、360浏览器均完美支持,唯独ie6没有效果,望高手加以改进,多谢(3)

www.MyException.Cn  网友分享于:2013-02-20  浏览:45次


<style type="text/css">
<!--
#navParent {position:absolute;margin:0 auto 0 auto !important;background-color:#3591da;height: 29px;width: auto;font-size:12px;}
#navParent ul {text-align:center;padding: 0;margin: 0;list-style: none;}
#navParent ul a{color:#ffffff;font-size:12px;}        
#navParent li {float: left;width: 120px;border-right:2px solid #fff; position: relative;}
#navParent li ul {display: none;  position:absolute; left:0px}
#navParent li ul li{width:230px;text-align:left;}

/* #navParent li:hover ul, li.over ul {display: block;} */

#navParent ul li a {background-color:#3591da;padding:7px;border-bottom:1px white solid;text-decoration: none;display:block;font-weight: bolder;}
#navParent ul li a:hover{background-color:#076bb9;}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>

<body>

<div id="navParent">
<ul>
  <li><a href="">Computers</a>
    <ul>
      <li><a href="">Computer Parts</a></li>
      <li><a href="">USB Flash Memory</a></li>
      <li><a href="">Batteries</a></li>
      <li><a href="">USB data cable</a></li>
  <li><a href="">Computer Hardware</a></li>
  <li><a href="">Earphone</a></li>
  <li><a href="">Remote Storage</a></li>
</ul>
</li>

  <li><a href="">Electronics </a>
    <ul>
      <li><a href="">GPS</a></li>
  
      <li><a href="">Bluetooth Carkits</a></li>
      <li><a href="">Cell phones</a></li>
      <li><a href="">MP3/MP4</a></li>
  <li><a href="">Digital Cameras</a></li>  
</ul>
</li>

<li><a href="">Toys</a>
    <ul>
      <li><a href="">Games</a></li>
      <li><a href="">Remote Control Toys</a></li>
      <li><a href="">Toys by Ages</a></li>
     </ul>
</li>

<li><a href="">Cameras</a>
    <ul>
      <li><a href="">Digital Cameras</a></li>
      <li><a href="">Camcorders</a></li>
      <li><a href="">Batteries</a></li>
      <li><a href="">Memory Cards</a></li>  
</ul>
</li>

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有