当前位置: 代码迷 >> HTML/CSS >> 今天在网下找了个纯css实现的上拉菜单,在IE8、FF、谷歌、360浏览器均完美支持,唯独ie6没有效果,望高手加以改进,多谢
  详细解决方案

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

热度:4773   发布时间:2013-02-26 00:00:00.0
今天在网上找了个纯css实现的下拉菜单,在IE8、FF、谷歌、360浏览器均完美支持,唯独ie6没有效果,望高手加以改进,谢谢!
今天在网上找到一个很不错的下拉菜单,完全是用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>
  相关解决方案