5

Wrapper-Topレイヤーを他のレイヤーの上に置きたいと思います。と を設定z-indexしpositionました。これで十分です。何か不足していますか？ここにウェブサイトがあります： よろしくお願いします。

編集:ここに私が使用したコードがあります:

<body>
  <div class="Wrapper-Top">
  </div>
  <div class="Wrapper-Middle">
  hjklhjkhkjlhjkl
  </div>
</body>

.Wrapper-Top {
    min-width: 980px;
    width: 100%;
    height: 179px;
    top: 0px;
    left: 0px;
    background:url(img/header-bg.png)
    repeat-x 50% 0%;
    z-index: 20;
}
.Wrapper-Middle {
    min-width: 980px;
    width: 100%; 
    height: 300px;
    margin: 0 auto;
    background: #eee;
    top: 160px;
    left: 0px;
    position: absolute;
    z-index: 10;
    text-align: center;
}
4

3 に答える 3

5

の位置属性がありません.Wrapper-Top。

MDN の z-index

初期値：オート

適用対象:配置された要素

継承: いいえ

それが存在しない場合、あなたのz-index:20in.Wrapper-Topは何もしていません。

于 2013-05-24T07:37:23.593 に答える
0

私はこれがあなたが望むものだと思います..

<body>

<div class="Wrapper-Middle">
hjklhjkhkjlhjkl
 </div>
 <div class="Wrapper-Top">
 </div>


.Wrapper-Top{ min-width: 980px;
 width: 100%;
height: 179px;
top: 0px;
left: 0px;
background: url(img/header-bg.png) repeat-x 50% 0%;
z-index: 20;
position: absolute;
 }

.Wrapper-Middle{min-width: 980px;
width: 100%;
height: 300px;  
margin: 0 auto;
background: #eee;
top: 0px;
left: 0px;
z-index: 10;
text-align: center;
}
于 2013-05-24T07:37:13.490 に答える
0

この両方の絶対位置を使用し、最高の z-index 値を別のものの上に置きます。このような

.Wrapper-Top{top: 0px; left: 0px; position:absolute; z-index: 2; }
.Wrapper-Middle{top: 160px; left: 0px; position: absolute; z-index: 1;}
于 2013-05-24T07:53:02.363 に答える