如何在IE6中呈現此圖像？

Question

無法弄清楚如何讓下列菜單在IE6中正確顯示，有什麼想法？

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

Answer 1

幾個關鍵的事情要記住是相關的菜單：

• 忘記透明的PNG在IE6（可以讓他們工作，但不是一個偉大的經驗）
• 忘記display:inline-block在IE6
• 在IE6忘記z-index
• 忘記:first-child和:last-child在IE6

基本上，你需要做的是：

• 使用透明的GIF或非transaparent的PNG
• 相反的display:inline-block，使用float:left和朋友
• 你不真的需要z-index這個菜單無論如何
• 你將不得不裝飾第一個和最後一個班的孩子手動

編輯：IE6不支持CSS選擇像 「#menu > li」，你將不得不使用 「#menu li」。