今天在网上找到一个很不错的下拉菜单,完全是用css实现的,不用js,很不错,在IE8、FF、谷歌、360等浏览器下都没问题,但是不知道是哪里的问题,在IE6下,没有下拉菜单效果,望高手加以改进:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一个很不错的下拉导航菜单</title>
<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;}
#navParent li ul {display: none;}
#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>
</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>