css - 正确的 CSS 布局、z-index 问题、自定义导航栏

Question

我是网页设计新手。我正在学习 CSS，并且非常喜欢它的可能性。我的问题可能是非常简单的修复，但我似乎无法找到它们的答案。

我想有一个良好的 CSS 开端，这意味着要有一个良好的布局。发生的事情是我设计我的站点并在 DW 中设置它们。我开始构建 CSS，当我测试它们时，我得到了 ie6、7 的 z-index 错误。我有绝对和相对定位的东西。事物出现/消失。我在 FW 中制作我的导航栏，所以它们是定制设计。它们与翻转效果配合得很好，将它们导出到 DW，然后我遇到了问题。

有人可以帮助我理解我的方法的错误吗？如果有帮助，我可以向您展示代码吗？我知道我会完全支持 CSS，因为我不想从表格开始学习，我听说过这个古老而复杂的系统的恐怖故事。

感谢您帮助这个新手。

Answer 1

IE 中的 Z-index 问题非常令人沮丧。

您需要考虑包装元素的 z-index 就像您对元素本身所做的一样。

使用以下伪代码，在 IE 中您需要确保 menu wrapper 的 z-index 高于 page contents，即使菜单本身有比其他任何东西都高的 z-index。它的行为就像元素中的元素开始一个新的堆叠顺序(忽略真正的 z-index)。为了解决这个问题，你的包装器的 z-index 优先。

<-- page wrapper -->   (give z-index of 1) 
    <-- menu wrapper -->  (give z-index of 10)   
         <-- menu -->    
    <-- end menu wrapper --> (give z-index of 2)   
    <-- page contents -->    
    ...    
    <-- end page contents -->    
<-- end page wrapper -->