IE6中第一个连接点了没有反应，最后一个到是可以。

billylee

1. <div id="menu">
   
2.         <ul class="level1">
   
3.    
   
4.    
   
5.        
   
6.                 <li class="level1-li"><a href="main.html"  target="mainFrame" title="显示全部新闻" class="level1-a" >显示全部新闻</a></li>
   
7.       
   
8.                 <li class="level1-li"><a  class="level1-a fly"  href="company_list.html" target="mainFrame"  title="我的上市公司">我的上市公司<!--[if gte IE 7]><!--></a><!--<![endif]-->
   
9.                 <!--[if lte IE 6]><table><tr><td><![endif]-->
   
10.                 <div>
    
11.                         <ul>
    
12.                                 <li><a href="company_list.html"  target="mainFrame" title="我的上市公司目录">目录</a></li>
    
13.                                 <li><a href="mynews.html" target="mainFrame" title="我的上市公司新闻">新闻</a></li>
    
14.                                 <li><a href="#" onclick="openwin()" title="我的上市公司设定">设定</a></li>
    
15.                        
    
16.                         </ul>
    
17.                 </div>
    
18.                 <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    
19.                 </li>
    
20.                 <li class="level1-li"><a class="level1-a" href="pdf.html"  target="mainFrame" title="杂志文库">杂志文库</a></li>
    
21.                
    
22.                
    
23.         </ul>
    
24. </div>

复制代码

ie6中。
显示全部新闻的那个不能显示。
杂志文库就可以连接。

yoom

你没有贴样式表。
是做级联菜单的是吧，不推荐使用这种代码，不过有完整的效果http://bbs.blueidea.com/thread-2929096-1-1.html。
论坛或Google搜索级联菜单，很多都比这个好。

[[i] 本帖最后由 yoom 于 2010-1-18 18:45 编辑 ]

billylee

1. 
   
2. #menu {width:100%px; height:58px; background:url(../images/nav_bg.gif); text-align:left;   background-repeat:repeat-x;}
   
3. #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
   
4. #menu ul {display:inline-block;}
   
5. #menu li {display:inline-block; display:inline;}
   
6. #menu ul.level1 div {position:absolute; left:-9999px;}
   
7. #menu ul.level1 {margin:0 auto;}
   
8. #menu ul.level1 li.level1-li {float:left; display:block; position:relative; padding-top:2px;}
   
9. #menu ul li div ul {margin:0; background:url(trans.gif);}
   
10. #menu a.level1-a {display:block; height:23px; font:bold 11px verdana,arial,sans-serif; color:#333; line-height:21px; text-decoration:none;padding:0 15px 0 15px; text-align:left;}
    
11. #menu ul.level1 li.level1-li a.level1-a {float:left;}
    
12. #menu ul li:hover div {left:50%; top:10px; padding-top:0; background:url(trans.gif); color:#fd5a56;}
    
13. #menu ul li:hover div ul {position:relative; left:-50%; padding:7px 0 0 0; margin:0; list-style:none;}
    
14. #menu ul li div ul li a {display:inline-block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:20px; text-decoration:none; padding:1px 6px 2px 6px;}
    
15. #menu a:hover div {left:0; top:25px;color:#fd5a56;}
    
16. #menu a:hover div ul {position:relative; left:-50%; padding-top:0px;color:#fd5a56;}
    
17. #menu li:hover div ul li {display:inline-block;color:#fd5a56;}
    
18. #menu a:hover div ul li a.sub {margin-right:4px;color:#fd5a56;}
    
19. #menu li a.fly {background:url(topdown.gif) no-repeat left bottom;}
    
20. #menu li a:hover, #menu li a.fly:hover {white-space:nowrap; color:#fff; padding:0 15px; border-width:0 1px; background:url(over.gif) repeat-x;}
    
21. #menu li:hover > a, #menu ul li:hover > a.fly {white-space:nowrap; color:#000; padding:0 15px; border-width:0 1px; background:url(over.gif) repeat-x;} #menu ul li div ul li a:hover {color:#fff;}
    
22. #menu ul :hover div ul div {left:-9999px;}
    
23. #menu ul :hover div ul li:hover {position:relative;}
    
24. #menu ul :hover div ul li a.drop {background:url(topdown.gif) no-repeat left bottom;}
    
25. #menu ul :hover div ul li a:hover {position:relative; background:url(sub.gif); padding:1px 6px 2px 6px; color:#fff;}
    
26. #menu ul :hover div ul li:hover > a {position:relative; background:url(sub.gif); padding:1px 6px 2px 6px;  color:#fd5a56;}
    
27. #menu ul :hover div ul :hover div {left:50%; top:22px;}
    
28. #menu ul :hover div ul :hover div ul {left:-50%; padding:10px; background:#d1d8f5; border:1px solid #fff; border-color:#fff #678 #567 #fff; text-align:left; filter: alpha(opacity=80); opacity:0.8}
    
29. #menu ul :hover div ul :hover div ul li {display:block; height:auto; line-height:15px; text-align:left;}
    
30. #menu ul :hover div ul :hover div ul li a {height:auto; position:static; line-height:15px; color:#000; padding:1px 0;}
    
31. #menu ul a:hover div ul a:hover div ul li a {margin-left:-16px;}
    
32. #menu ul :hover div ul :hover div ul li a:hover {color:#369; background:transparent; border:0; padding:1px 0;}
    
33. #menu table {position:absolute; top:0; height:0; width:0; left:50%; border-collapse:collapse;}
    
34. #menu a:hover table a:hover table {left:50%; width:0; height:20px; top:0; margin-left:-1px;}
    
35. #menu ul :hover div ul :hover div ul li:hover a {background:transparent; border:0;}

复制代码

我这个是横向的导航。