Javascript 我如何在IE6中渲染这个？

无法解决如何在IE6中正确显示以下菜单，有什么想法吗

---

演示：

与此菜单相关的几个关键事项需要记住：

• 忘记IE6中的透明PNG（可以让它们工作，但不是很好的体验）
• 忘记IE6中的显示：内联块
• 忘记IE6中的z索引
• 忘记IE6中的第一个孩子和最后一个孩子

基本上，你要做的是：

• 使用透明GIF或非透明PNG
• 使用

  float:left

  和friends，而不是

  display:inline block

• 不管怎样，您并不需要使用

  z-index

  来创建此菜单
• 你必须用手工装饰第一个和最后一个孩子

---

编辑：IE6不支持像“

#menu>li

”这样的CSS选择器，您必须使用“

#menu li

”

删除所有内联块和z索引并使用float:left。菜单仍然没有水平对齐。我不担心PNG，只是希望菜单沿顶部运行，而不是在IE6Oh中堆叠。是的，IE6不支持直接后代选择器，如“#menu>li”，请参见我的编辑。将其更改为“#menu li”将修复布局（或多或少，您仍会遇到页边距问题，但这很容易解决）