javaScript做的一个下拉菜单,IE下显示不好!!!

wey580231 2013-06-04 07:55:59
<div id="navigation">
<ul>
<li class="outer"><a href="#">首页</a>
<ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>
</li>
<li class="outer"><a href="#">首页</a>
<ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>
</li>
<li class="outer"><a href="#">首页</a>
<ul class="inner"><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul>
</li>
</ul>
</div>


这是css样式表:
#navigation{width:1000px;height:30px;margin:0px;padding:0px;background-color:yellow;z-index:100;}
ul{margin:0px;padding:0px;list-style-type:none;}
.outer{width:150px;height:30px;float:left;text-align:center}
a{width:150px;height:30px;line-height:30px;display:block;text-decoration:none; }
.inner{position:absolute;display:none;background-color:#0C3;}


在火狐和谷歌下显示效果不错,但是在IE下显示确实这个样子

怎么样才能把绿色的二级菜单和上面的对其
...全文
237 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
当然感 2013-06-05
  • 打赏
  • 举报
回复



给父级li添加相对定位,二级菜单ul left='0',,,你应该多去了解定位的应用
wey580231 2013-06-05
  • 打赏
  • 举报
回复
引用 4 楼 y851348507 的回复:
给父级li添加相对定位,二级菜单ul left='0',,,你应该多去了解定位的应用
嗯,谢谢啦。觉得每次排版时,浏览器支持的不一样,导致每次都很纠结的。
wey580231 2013-06-04
  • 打赏
  • 举报
回复
引用 2 楼 u010955821 的回复:
这个可以有~~~~~~~~~
有什么??帮个忙呗,现在对于排版特别的脑大,浏览器支持不一样。很烦人的
u010955821 2013-06-04
  • 打赏
  • 举报
回复
这个可以有~~~~~~~~~
u010955821 2013-06-04
  • 打赏
  • 举报
回复
这个可以有~~~~~~~~~

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧