我正在处理这个漂亮的标题:http://kayaskitchenbelmar.com/test/header.html
不幸的是,在 IE6 中,Print
和 View
按钮的下拉菜单折叠到一个新行上。
这是因为常见的 z-index 错误。我尝试通过使父 div 具有更高的 z-index 和位置相对于其子元素具有更低的 z-index 和绝对位置来解决这个问题,但这似乎不起作用。
可能我遗漏了一些明显的东西?
更新
好吧,我想我已经将其缩小为 IE6 相关错误
这些修复势在必行:
#nav-options{
margin-left: 15px;
padding-top: 20px;
width: 232px;
height: 41px;
position: relative;
z-index: 3000;
}
.popup-nav{
clear: both;
display: none;
float: none;
position: relative;
right: 318px;
text-align: right;
top: 15px;
z-index: 1000;
}
但在这种情况下,IE6 似乎无法识别relative
。而且我不能使用“绝对”,因为它不允许 div 相对于调用它的父 ul
。
有什么想法吗?
最佳答案
我添加了这些,它是金色的:
* html #nav-options {overflow: hidden;}
* html .popup-nav {right: 20px;}
关于html - IE6 的 Z-index 错误 .. 似乎无法解决这个问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4542397/