1

这是我正在处理的域http://linenwoods.com的链接。我将在标题上放置导航列表项，但是当实现下拉菜单时，我很确定它会像您当前看到的那样位于#main div 下。有什么简单的方法可以解决这个问题吗？我从谷歌搜索中找不到与此相关的任何内容..希望有人能帮助我。下面是相关的 CSS .. 我试着玩 z-index 没有运气，因为我被告知 IE8 渲染它很奇怪。如果您有时间，请点击带有 IE 的链接并留下回复.. 我正在尝试尽可能地跨浏览器兼容，并且已经处于一个非常可悲的开始。任何帮助，将不胜感激 ：）

body { 
background-image:url('Background1.jpg');
background-position: center;
height: 100%;
margin: 0;
padding: 0;
opacity: 0.8;
filter: alpha(opacity=80);
}

#main {
width : 1010px;
height: 1315px;
background-color: white;
margin-top: 15px;
filter: alpha(opacity=80);
}

header {
width: 1010px;
height: 230px;
background-color: white;
margin: 0 auto;
margin-top: 15px;
filter: alpha(opacity=80);
}

footer {
width: 1010px;
height: 230px;
background-color: white;
margin: 15px 0 15px 0;
filter: alpha(opacity=80);
}
4

2 回答 2

1

应用此 CSS（仅适用于 IE8 和 9）：

ul.nav {
  position: relative;
  z-index: 2; /* 2 or higher */
}

IE7确实... z-index. 如果你也想以 IE7 为目标，你可以这样做（从这个页面获取 CSS hack ）：

ul.nav {
  position: relative;
  position: absolute !ie7; /* For IE7 only */
  z-index: 2; /* 2 or higher */
}
于 2012-10-16T04:58:58.683 回答
0

使用 z-index 仅适用于定位元素。当你测试 zindex 的东西时，你的元素是绝对的还是相对的？

于 2012-10-16T04:53:48.633 回答