Question

我有两个div与背景图像。在第一个我有下拉菜单，第二个是简单的背景图像。我面临的问题是下拉菜单和第二个背景图像，下拉列表来自backgorund图像我无法弄清楚如何解决它..

这是我用于div的CSS ..

 //first Div
.header-wrapper {
background: url("../images/header_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 77px;
margin: 0 auto;
position: fixed;
width: 100%;
z-index: 60001; }

 //second div
.headerbody-wrapper {
background: url("../images/bill.jpg");
float: left;
margin-top: 77px;
height: 242px;
position: fixed;
width: 100%;
z-index: 60001; }

这是HTML ..

 <div class="header-wrapper">
 </div>
 <div class="headerbody-wrapper">
         <p>hello</p>

    </div>

Fiddle

我的关于美国下拉列表正在进入第二个div图像，我想删除它..

Answer 1

最后我得到了解决方案..是将position: fixed;更改为position: inherit;

它的工作...... !!

Answer 2

这是位置和 z-index 问题，您可以添加以下内容：

.header nav{
     position:relative;
     z-index: 60003; 
}

.header nav li > ul {
    display:none;
    position:absolute;
}

更新fiddle

下拉图表正在下行

2 个答案: