如何在IE6中渲染？

Question

无法弄清楚如何在IE6中正确显示以下菜单，任何想法？

演示：http://www.jankoatwarpspeed.com/examples/vimeo_navigation/

Answer 1

要记住的一些与此菜单相关的关键事项：

• 在IE6中忘记透明的PNG（可能让它们正常工作但不是很棒的体验）
• 忘记IE6中的display:inline-block
• 忘记IE6中的z-index
• 忘记IE6中的:first-child和:last-child

基本上，你要做的是：

• 使用透明GIF或非透明PNG
• 使用display:inline-block和朋友
，而不是float:left
• 无论如何，你真的不需要z-index这个菜单
• 您必须手动装饰班级的第一个和最后一个孩子

编辑：IE6不支持“#menu > li”等CSS选择器，您必须使用“#menu li”。