2016-03-27 17 views
1

私は作成している私のウェブサイトに問題があります。私は3つのメインディビジョン:ヘッダー,トップバー、ヘッダーのすぐ下、そしてメインディビジョン、トップバーのすぐ下にあります。画像の後ろに移動

私のメインディヴィジョンでは、車のイメージを置いて、それをJavaスクリプトでトップに移動させました。しかし、ページの上部に行く途中で、ヘッダーと私のトップバー divsをつけて、画像が上に移動するとdivの前に移動するので、divは画像の後ろにあります。私はすでにポジションとインデックスzでほぼすべてを試しましたが、上に行くときにdivの背後にイメージを置く方法を理解できませんでした。理解して助けてくれるといいなあ

http://i.imgur.com/wf9RJRO.png これは車のWebページの一部です。私はちょうどそれが上がっているときにそれらの部門の背後に行きたい。

これは、車の画像です:

<img src="images/top_main_image.png" id="car" style="position:relative;bottom:5px;margin-left:41.8%;margin-top:50px;"> 

これはヘッダーのdivとトップバーです:あなたはイメージのため、このCSSを使用する必要があります

div.header 
{ 
    width:auto; 
    height:45px; 
    background-color:#333333; 
    float:center; 
    background-repeat: no-repeat; 
    background-position: auto; 
    position:absolute; 
    opacity:1; 
    width:100%; 
    z-index:10; 
} 

div.top_bar 
{ 
    width:auto; 
    height:110px; 
    background-color:#f7f7f7; 
    float:center; 
    background-repeat: no-repeat; 
    background-position: auto; 
    posotion:absolute; 
    z-index:10; 
} 

答えて

0

。相対的な位置から絶対的な位置に変更し、Zインデックスを追加しました。全体の例を試すことができますhere

position: absolute; 
    bottom: 5px; 
    margin-left: 41.8%; 
    margin-top: 50px; 
    z-index: -1 
関連する問題