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

时间:2010-12-17 18:01:01

标签: css cross-browser z-index dreamweaver

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

我希望CSS有一个良好的开端,这意味着拥有良好的布局。发生的事情是我设计我的网站并将它们全部设置为DW。我开始构建CSS,当我测试它时,我得到ie6,7的z-index错误。我有绝对和相对的东西。事情出现/消失。我在FW制作导航栏,因此它们是定制设计。它们适用于翻转效果,将它们导出到DW然后我就会遇到问题。

有人能帮助我理解我的方式错误吗?如果有帮助,我可以告诉你代码吗?我知道我会成为CSS支持者,因为我不想开始学习桌子,我听过这个古老而复杂系统的恐怖故事。

感谢您帮助这位新手。

1 个答案:

答案 0 :(得分:1)

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

您需要考虑包含元素的z-index,就像元素本身一样。

使用以下pesudo-code,在IE中你需要确保菜单包装的z-index高于页面内容,即使菜单本身有比其他一切更高的z指数。它表现为元素中的元素开始新的堆叠顺序(忽略真正的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 -->