html - 下拉菜单正在下降的不利形象

Question

我有两个带有背景图片的 div。第一个我有下拉菜单，第二个只是背景图片。我面临的问题是下拉菜单和第二个背景图片，下拉菜单出现在背景图片中我不知道如何解决它..

这是我为两个 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;

它的工作...!!