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

发布于 2024-10-07 20:00:52 字数 354 浏览 4 评论 0原文

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

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

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

感谢您帮助这个新手。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蘑菇王子 2024-10-14 20:00:52

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

您需要考虑包装元素的 z-index 与元素本身的 z-index 非常相似。

使用以下伪代码，在 IE 中，您需要确保菜单包装的 z-index 高于页面内容，即使菜单本身具有更高的 z-index -索引比其他一切都重要。它的行为就像元素中的元素开始一个新的堆叠顺序（忽略真正的 z 索引）。为了解决这个问题，包装器的 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 -->

Z-index problems in IE are quite frustrating.

You need to consider the z-index wrapping your elements are much as you have for the elements themselves.

With the following pesudo-code, in IE you need to ensure the menu wrapper had a higher z-index than the page contents, even though the menu itself has a higher z-index than everything else. It behaves as if elements within elements start a NEW stacking order (ignoring the true z-index). To get around this the z-index of your wrappers takes precedence.

<-- 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 -->

回复收藏 0 原文

~没有更多了~