Question

用CSS写了一个自动下拉菜单，但在IE6中不能显示，有想过用JS，但本人并不熟悉JS，求高手解决CSS这个问题

.menu {
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
line-height:30px;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#fff;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}
.menu ul li:hover ul li a {
display:block;
background:#FFE1F1;
color:#000;
}
.menu ul li:hover ul li a:hover {
background:#FFCCFF;
color:#000;
}

#size{font-size:12px;}

Answer 1

最简单的解决办法是：

<style type="text/css">

body { behavior: url("include/csshover3-source.htc"); }

</style>
csshover3-source.htc这个文件请搜索一下。我今天没带硬盘，不能给你。

Answer 2

是因为 IE6 不支持 :hover 伪类，解决办法参考：
http://wenku.baidu.com/view/7a0f871ab7360b4c2e3f64fa.html

Answer 3

这个是利用到overflow和visible来实现显示与隐藏的，基本无兼容性问题。但又一种情况下例外，就是一个页面如果有两个地方使用了position:relative那么就会出问题。建议楼主换个JS的，楼主可以把要求发来，小弟给个代码帮你实现
<style type="text/css">
body{ font-family:"宋体"; font-size:12px;}
*{ margin:0px; padding:0px;}
li{ list-style-type:none; float:left;}
a{ text-decoration:none; font-size:12px;}

#nav{ width:882px; height:20px; margin:0px auto; margin-top:28px;}
#nav ul li{ text-align:center; width:98px; height:20px; font-weight:bold; position:relative; overflow:hidden;}
#nav ul li span{ width:98px; height:20px; display:block;}
#nav ul li a{color:#4479b7; font-size:13px; font-weight:bolder; font-family:}
#nav ul .nav_li1{overflow:visible;}
#nav ul .nav_li2{overflow:hidden;}
#nav ul li div{ position:absolute; width:97px; height:auto; z-index:110; background-color:#e5f2f8; top:20px; left:1px; background-color:#e3eff8;}
#nav ul li div ul li{ width:97px; height:25px; line-height:25px; text-align:center; padding-left:0px; background:none; font-weight:normal; }
#nav ul li div ul li a{ display:block; width:97px; height:25px; text-align:center;}
#nav ul li div ul li a:hover{ background-color:#dedede;}
#nav ul li div ul li a{ width:97px; text-align:center; height:25px; line-height:25px;}
</style>

<div id="nav">
<ul>
<li><a href="/index.html">首页</a></li>
<li onmouseover="this.className='nav_li1'" onmouseout="this.className='nav_li2'">
<span><a href="/about.html">关于我们</a></span>
<div>
<ul>
<li><a href="/about.html">关于我们</a></li>
<li><a href="/jiagou.html">公司架构</a></li>
<li><a href="/rongyu.html">公司荣誉</a></li>
<li><a href="/jingshen.html">企业精神</a></li>
<li><a href="/fengcai.html">企业风采</a></li>
</ul>
</div>
</li>
<li onmouseover="this.className='nav_li1'" onmouseout="this.className='nav_li2'">
<a href="/pro_zhanshi.html">产品中心</a>
<div>
<ul>
<li><a href="/lvdanban.html">铝单板</a></li>
<li><a href="/lvfengwo.html">铝蜂窝板</a></li>
<li><a href="/futanmu.html">氟碳铝单板</a></li>
<li><a href="/yixing.html">异形天花系列</a></li>
</ul>
</div>
</li>
<li><a href="/xinpin.html">新品展示</a></li>
<li><a href="/anli.html">工程案例</a></li>
<li><a href="/news.html">新闻中心</a></li>
<li><a href="/shipin.html">视频展示</a></li>
<li><a href="/customer.html">在线留言</a></li>
<li><a href="/contact.html">联系我们</a></li>
</ul>
</div>

Answer 4

光给个css谁知道是什么 代码又不给出来