找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1911|回复: 2

[求助] IE6中第一个连接点了没有反应,最后一个到是可以。

[复制链接]
发表于 2010-1-18 18:36:52 | 显示全部楼层 |阅读模式
  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中。
显示全部新闻的那个不能显示。
杂志文库就可以连接。
发表于 2010-1-18 18:44:37 | 显示全部楼层
你没有贴样式表。
是做级联菜单的是吧,不推荐使用这种代码,不过有完整的效果http://bbs.blueidea.com/thread-2929096-1-1.html
论坛或Google搜索级联菜单,很多都比这个好。

[[i] 本帖最后由 yoom 于 2010-1-18 18:45 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-1-18 18:50:08 | 显示全部楼层

  1. #menu {width:100%px; height:58px; background:url(../images/nav_bg.gif); text-align:left;   background-repeat:repeat-x;}
  2. #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap;}
  3. #menu ul {display:inline-block;}
  4. #menu li {display:inline-block; display:inline;}
  5. #menu ul.level1 div {position:absolute; left:-9999px;}
  6. #menu ul.level1 {margin:0 auto;}
  7. #menu ul.level1 li.level1-li {float:left; display:block; position:relative; padding-top:2px;}
  8. #menu ul li div ul {margin:0; background:url(trans.gif);}
  9. #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;}
  10. #menu ul.level1 li.level1-li a.level1-a {float:left;}
  11. #menu ul li:hover div {left:50%; top:10px; padding-top:0; background:url(trans.gif); color:#fd5a56;}
  12. #menu ul li:hover div ul {position:relative; left:-50%; padding:7px 0 0 0; margin:0; list-style:none;}
  13. #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;}
  14. #menu a:hover div {left:0; top:25px;color:#fd5a56;}
  15. #menu a:hover div ul {position:relative; left:-50%; padding-top:0px;color:#fd5a56;}
  16. #menu li:hover div ul li {display:inline-block;color:#fd5a56;}
  17. #menu a:hover div ul li a.sub {margin-right:4px;color:#fd5a56;}
  18. #menu li a.fly {background:url(topdown.gif) no-repeat left bottom;}
  19. #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;}
  20. #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;}
  21. #menu ul :hover div ul div {left:-9999px;}
  22. #menu ul :hover div ul li:hover {position:relative;}
  23. #menu ul :hover div ul li a.drop {background:url(topdown.gif) no-repeat left bottom;}
  24. #menu ul :hover div ul li a:hover {position:relative; background:url(sub.gif); padding:1px 6px 2px 6px; color:#fff;}
  25. #menu ul :hover div ul li:hover > a {position:relative; background:url(sub.gif); padding:1px 6px 2px 6px;  color:#fd5a56;}
  26. #menu ul :hover div ul :hover div {left:50%; top:22px;}
  27. #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}
  28. #menu ul :hover div ul :hover div ul li {display:block; height:auto; line-height:15px; text-align:left;}
  29. #menu ul :hover div ul :hover div ul li a {height:auto; position:static; line-height:15px; color:#000; padding:1px 0;}
  30. #menu ul a:hover div ul a:hover div ul li a {margin-left:-16px;}
  31. #menu ul :hover div ul :hover div ul li a:hover {color:#369; background:transparent; border:0; padding:1px 0;}
  32. #menu table {position:absolute; top:0; height:0; width:0; left:50%; border-collapse:collapse;}
  33. #menu a:hover table a:hover table {left:50%; width:0; height:20px; top:0; margin-left:-1px;}
  34. #menu ul :hover div ul :hover div ul li:hover a {background:transparent; border:0;}
复制代码



我这个是横向的导航。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-4-11 03:21 , Processed in 0.073987 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表