0

コンテナー内の画像の上に幅 80% のテキストを配置し たい
です。

<style type="text/css">
.conainer {
    margin: auto;
    width: 80%; /* change that to 100% code will work */
    border: thin solid #000;
}
h2 { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
}
.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

</style>

<div class="conainer">
    <div class="image">
        <img src="img/banners.jpg" width="100%" height="100%" />
        <h2>some text gos here</h2>
    </div>
</div>
4

5 に答える 5

0

Ok！私は問題の変化を見つけましたトップ200=>トップ0

h2 { 
   position: absolute; 
   top: 0px; 
   left: 0; 
   width: 100%;
于 2013-02-16T17:36:42.397 に答える
0

h2をimgタグの上に配置しようとするのではなく、divの背景を設定するだけです

于 2013-02-16T16:57:34.483 に答える
0

わたしにはできる。もっとコードはありますか？

于 2013-02-16T16:57:36.503 に答える
0

CSS を使用して、バナー画像を div.image の背景画像として定義するのが、最もコード効率が高く互換性のある方法だと思います。

于 2013-02-16T17:00:44.993 に答える
0

h2スタイルを次のように置き換えます

h2 { 
   position: fixed;//yours is on top of image but absolutely positioned, so not visible
   top: 200px; 
   left: 0;  //Specify where you want to put your image with top and left properly now.
   width: 100%; 
}
于 2013-02-16T17:03:07.593 に答える