イメージがコンテナの外に出る

Question

バナーを重複させたいイメージがありますが、イメージが移動しないウィンドウのサイズを変更すると問題が発生します。私はスクリーンショットと私のCSSを提供した。

CSS：あなたは自分の位置が原因​​で、あなたのオーバーラップのバナーを配置しているかの絶対に設定されているよう

.coslogo { 
    display: block; 
    margin: -150px auto 0; 
    top: 150%; 
    /*padding: 20px;*/ 
    width: 100%; 
    left: 50%; 
    margin-left: 590px; 
    z-index: 9; 
} 

.coslogo img { 
    overflow: auto; 
} 

Answer 1

に見えます。あなたは.coslogoのためのCSSにposition:relative;を追加したいと思うでしょう。私はhtmlがなければより具体的にすることはできませんので、これが役に立たない場合は含めてください！

Answer 2

z-indexで配置されたCSS relativeとabsoluteを使用して、画像を配置することができます。

.main { 
 
    border: 1px solid #000; 
 
    position: relative; 
 
} 
 

 
.img1 { 
 
    border: 1px solid #f00; 
 
    position: relative; 
 
    z-index: 2; 
 
} 
 

 
.img2 { 
 
    border: 1px solid #0f0; 
 
    position: absolute; 
 
    z-index: 2; 
 
    top: 0px; 
 
    left: 0px; 
 
}

<div class="main"> 
 
    <img class="img1" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTG4mTuuZmylqn_qqviXFh5EPLD_DTsXMIjXT-4XJM0QPtJxw7lXw&t=1" /> 
 
    <img class="img2" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTG4mTuuZmylqn_qqviXFh5EPLD_DTsXMIjXT-4XJM0QPtJxw7lXw&t=1" /> 
 
</div>