发新话题
打印

下拉菜单被图片图层盖住了怎么办?求解!谢谢!

下拉菜单被图片图层盖住了怎么办?求解!谢谢!

<!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">
body{margin:0px;padding:0px;}
#conster{
width:1000px;
height:1500px;
margin:0 auto;
}
.romwe{
width:169px;
height:53px;
float:left;
}
.tou{
width:1000px;
float:left;
height:50px;
}
.a{
width:82px;
float:left;
margin-left:5px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}
.daohang{
width:413px;
height:auto;
float:right;
margin-top:5px;
}
.a:hover{
color:#666666;
cursor:pointer;
}
.b{
width:100px;
}
ul {
    margin: 0px;
    padding: 0px;
}
ul li {
    float: left;
    display: inline;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
       
    height: 20px;
    width: 100px;
    list-style: none;
        text-align:center;
}
ul li a {
    color: #FFF;
    text-decoration: none;
    line-height: 24px;
    width: 91px;
    margin: 0px;
    padding: 0px 0px 0px 8px;
    display: block;
    border-right: solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    background: #808080;
}
ul li ul li { height:25px; }
ul li ul li a {
    background: #666;
    line-height:24px;
}
ul li a:hover { background: #666; }
ul li ul { display:none;z-index:0;}
ul li:hover ul { display:block;
}
ul li ul li a:hover { background: #333; }
#zhuang div a{
text-decoration:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
font-size:12px;
}
#zhuang div a:hover{
color:#999999;
cursor:pointer;
}
td:hover{
color:#333333;
cursor:pointer;
}
</style>
</head>

<body>

<div style="width:1000px; height:auto; float:left; margin-top:10px;">
<ul>
<li><a href="#">HOME</a></li>
  <li><a href="#">DAILY NEW</a>
  <ul>
      <li><a href="#">2011-09-21</a></li>
      <li><a href="#">2011-09-20</a></li>
      <li><a href="#">2011-09-19</a></li>
          <li><a href="#">2011-09-18</a></li>
          <li><a href="#">2011-09-17</a></li>
          <li><a href="#">2011-09-16</a></li>
    </ul>
  </li>
  <li><a href="#">APPAREL</a>
    <ul>
      <li><a href="#">SHOP NEW</a></li>
      <li><a href="#">T-shirt</a></li>
      <li><a href="#">Dress</a></li>
          <li><a href="#">Suits</a></li>
      <li><a href="#">Vest/Basic</a></li>
      <li><a href="#">Jeans</a></li>
           <li><a href="#">Pants</a></li>
      <li><a href="#">Shorts</a></li>
      <li><a href="#">Outwear</a></li>
    </ul>
  </li>
  <li><a href="#">JEWELRY</a>
   <ul>
      <li><a href="#">Necklace</a></li>
      <li><a href="#">Ring</a></li>
      <li><a href="#">Earring</a></li>
          <li><a href="#">Bracelet</a></li>
          <li><a href="#">Brooch</a></li>
    </ul
  ></li>
  <li><a href="#">ACCESSORY</a>
    <ul>
      <li><a href="#">Tights</a></li>
      <li><a href="#">Leggings</a></li>
      <li><a href="#">Shoes</a></li>
          <li><a href="#">Bags</a></li>
      <li><a href="#">Others</a></li>
    </ul>
  </li>
  <li><a href="#">COLLECTIONS</a>
   <ul>
      <li><a href="#">Buyer's Pick</a></li>
      <li><a href="#">Latest Street Style</a></li>
      <li><a href="#">Honey Girl</a></li>
          <li><a href="#">Star Stalker</a></li>
      <li><a href="#">Easy Chic</a></li>
           <li><a href="#">Aukoala Boots</a></li>
      <li><a href="#">Soufeel Jewelry</a></li>
    </ul>
  </li>
  <ul>
  <li><a href="#">OUTLET</a></li>
  </ul>
  <ul>
  <li><a href="#">BLOGGERS</a></li>
  </ul>
</ul>
</div>
<div style="float:left;margin-top:10px;z-index:-1000;"><a><img src="027_1600.jpg" /></a></div>
</body>
</html>
附件: 您所在的用户组无法下载或查看附件
没人能帮忙吗?
对ul li ul li { height:25px; } 加一个position:relative 属性即可!
但 在IE6中 是不能正常显示下拉菜单的!
建议改用:http://www.divcss5.com/template/m101.html

http://www.divcss5.com/template/m224.html

http://www.divcss5.com/template/m81.html
谢谢!!!!

回复 1# sara_tao 的帖子

当然在IE6中不兼容啦,IE6不支持普通元素的伪类,
发新话题