收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2100|回复: 10

[实在不行了,伸手来请求]IE6下,菜单不见了,求帮忙看看问题在哪里,谢谢~~~~~~~

[复制链接]
发表于 2011-8-1 20:47:45 | 显示全部楼层 |阅读模式
  1. .clear {
  2.         CLEAR: both
  3. }
  4. .clearfix:after {
  5.         LINE-HEIGHT: 0; DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
  6. }
  7. .clearfix {
  8.         DISPLAY: block
  9. }
  10. #header-wrap-wide {
  11.         WIDTH: 100%; MARGIN-BOTTOM: 6px; BACKGROUND: url(header-bg-wide.png) repeat-x; HEIGHT: 580px
  12. }
  13. #header-wrap {
  14.         WIDTH: 100%; BACKGROUND: url(header-bg.png) no-repeat center top; HEIGHT: 580px
  15. }
  16. #header {
  17.         MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 526px
  18. }
  19. #logo {
  20.         POSITION: absolute; MARGIN-TOP: 10px; WIDTH: 297px; HEIGHT: 111px
  21. }
  22. #menu {
  23.         Z-INDEX: 999; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 57px 0px 0px 320px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; BORDER-TOP: 0px; FONT-WEIGHT: bold; BORDER-RIGHT: 0px; PADDING-TOP: 0px
  24. }
  25. #menu .first {
  26.         PADDING-LEFT: 20px; PADDING-RIGHT: 20px
  27. }
  28. #menu .arrow {
  29.         PADDING-RIGHT: 25px; BACKGROUND: url(menu-arrow.png) no-repeat right 50%
  30. }
  31. #menu UL {
  32.         LIST-STYLE-TYPE: none
  33. }
  34. #menu A {
  35.         DISPLAY: block; TEXT-DECORATION: none
  36. }
  37. #menu UL LI A {
  38.         LINE-HEIGHT: 30px; LETTER-SPACING: -1px; COLOR: #fff; FONT-SIZE: 18px; FONT-WEIGHT: bold
  39. }
  40. #menu UL #active A {
  41.         COLOR: #cef7ff
  42. }
  43. #menu UL #active A.arrow {
  44.         BACKGROUND: url(menu-arrow-hover.png) no-repeat right 50%; COLOR: #cef7ff
  45. }
  46. #menu UL #active UL LI A {
  47.         COLOR: white
  48. }
  49. #menu UL LI UL LI A {
  50.         LINE-HEIGHT: 30px; BACKGROUND: none transparent scroll repeat 0% 0%; LETTER-SPACING: normal; FONT-SIZE: 15px; FONT-WEIGHT: normal
  51. }
  52. #menu A.daddy {
  53.         BACKGROUND: url(menu-arrow-h.png) no-repeat right center
  54. }
  55. #menu LI {
  56.         FLOAT: left
  57. }
  58. #menu LI UL {
  59.         POSITION: absolute; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px -20px; WIDTH: 196px; BACKGROUND: url(menu-bg.png); HEIGHT: auto; PADDING-TOP: 10px; LEFT: -999em
  60. }
  61. #menu LI LI {
  62.         WIDTH: 13em; PADDING-RIGHT: 1em
  63. }
  64. #menu LI UL A {
  65.         PADDING-LEFT: 20px; WIDTH: 9em; PADDING-RIGHT: 20px
  66. }
  67. #menu LI UL UL {
  68.         MARGIN: -40px 0px 0px 196px; BACKGROUND: url(menu-bg-2.png)
  69. }
  70. #menu LI:hover UL UL {
  71.         LEFT: -999em
  72. }
  73. #menu LI:hover UL UL UL {
  74.         LEFT: -999em
  75. }
  76. #menu LI.sfhover UL UL {
  77.         LEFT: -999em
  78. }
  79. #menu LI.sfhover UL UL UL {
  80.         LEFT: -999em
  81. }
  82. #menu LI:hover UL {
  83.         LEFT: auto
  84. }
  85. #menu LI LI:hover UL {
  86.         LEFT: auto
  87. }
  88. #menu LI LI LI:hover UL {
  89.         LEFT: auto
  90. }
  91. #menu LI.sfhover UL {
  92.         LEFT: auto
  93. }
  94. #menu LI LI.sfhover UL {
  95.         LEFT: auto
  96. }
  97. #menu LI LI LI.sfhover UL {
  98.         LEFT: auto
  99. }
  100. #menu LI:hover {
  101.         BACKGROUND: url(menu-bg-2.png)
  102. }
  103. #menu LI.sfhover {
  104.         BACKGROUND: url(menu-bg-2.png)
  105. }
  106. #screen {
  107.         POSITION: absolute; MARGIN-TOP: 117px; WIDTH: 960px; HEIGHT: 350px
  108. }
  109. #cu3er-container {
  110.         OUTLINE-WIDTH: 0px; WIDTH: 960px
  111. }
  112. #header-wrap-wide-2 {
  113.         WIDTH: 100%; MARGIN-BOTTOM: 6px; BACKGROUND: url(header-bg-wide-2.png) repeat-x; HEIGHT: 170px
  114. }
  115. #header-wrap-2 {
  116.         WIDTH: 100%; BACKGROUND: url(header-bg-2.png) no-repeat center top; HEIGHT: 170px
  117. }
  118. #header-2 {
  119.         MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 116px
  120. }
复制代码

这里是CSS代码


  1. <DIV id=menu>
  2. <UL id=nav>
  3.   <LI class=first><A
  4.   href="#">xxx1</A>
  5.   </LI>
  6.   <LI class=first><A
  7.   href="#">xxx2</A>
  8.   </LI>
  9.   <LI class=first><A
  10.   href="#">xxx3</A>
  11.   </LI>
  12.   <LI id=active class=first><A class=arrow
  13.   href=" class=first">xxx4</A>

  14.   <UL>
  15.     <LI><A
  16.     href=" class=first">xx1</A>
  17.     </LI>
  18.     <LI><A
  19.     href=" class=first">xx2</A>
  20.     </LI>
  21.     <LI><A
  22.     href=" class=first">xx3</A> </LI></UL></LI>
  23.   <LI class=first><A
  24.   href=" class=first">xxxx5</A>
  25.   </LI></UL></DIV>
复制代码





求高人帮忙,本人有点白,实在弄不好,只好做伸手党了。
发表于 2011-8-1 21:17:21 | 显示全部楼层
稍等 稍等
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-8-1 21:19:58 | 显示全部楼层
好呀,多久都等~~~~
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-8-1 21:33:25 | 显示全部楼层
额,求救啊 ,有木有啊~
缺什么我继续传
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-8-2 13:34:25 | 显示全部楼层
有没有高人帮忙啊。。。。。。。。。。。。。。。。。。。。。。55555555555
回复 支持 反对

使用道具 举报

发表于 2011-8-2 13:38:20 | 显示全部楼层
没看懂,最好做一个简单点的示例页,来说明下问题
回复 支持 反对

使用道具 举报

发表于 2011-8-4 11:12:26 | 显示全部楼层
这是来娱乐大众的么?你
#menu UL LI A {
    LINE-HEIGHT: 30px; LETTER-SPACING: -1px; COLOR: #fff; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
字体颜色是白色,什么叫菜单不见了?
回复 支持 反对

使用道具 举报

发表于 2011-8-4 11:17:01 | 显示全部楼层
li 里面不要嵌套ul
回复 支持 反对

使用道具 举报

发表于 2011-8-4 11:18:38 | 显示全部楼层
这种菜单不好,css菜单兼容性难啊。。

建议更换 div+js+css菜单。。
回复 支持 反对

使用道具 举报

发表于 2011-8-4 13:04:04 | 显示全部楼层
  1. ie6-png.rar (2.55 KB, 下载次数: 143)
复制代码
试试这样,ie6不兼容,加上一个脚本就行了。
回复 支持 反对

使用道具 举报

发表于 2011-8-4 13:05:05 | 显示全部楼层
<DIV id=menu>
<UL id=nav>
   <LI class=first><A href="#">xxx1
   <ul><li>sdfsfsfs</li>
   </ul>
   </A></LI>
   
   <LI class=first><A href="#">xxx2
   <ul><li>xvcccccccc</li>
   </ul>
   </A></LI>
</UL>
</DIV>
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-11-29 20:43 , Processed in 0.093515 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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