コンテナ内の背景イメージにブートストラップ、h1オーバーレイがあります。

<div class="row text-center"> 
    <div class="col-md-12"> 
    <!--Giant Background Pic--> 
    <img class ="bckground" src="images/napaliWall.jpg"> 
    <h1> Title Text </h1> 
    <p> Sand sand sand sand</p> 
    </div> 
</div> 


.bckground{ 
    background-size: cover; 
    background: no-repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    max-height:100%; 
    max-width:100%; 

}

私のh1とpは背景イメージに重なっていません。ブートストラップのコンテナ内でこれを行う適切な方法は何ですか？私はそれがモバイル用の私のウェブページの応答性を混乱させる恐れがあるので、テキストを固定位置にしたくありません。私は、背景画像が、それが入っている行の列のコンテナを塗りつぶし、その上にテキストを置くだけでよい。私のHTMLコードはdivコンテナの中にラップされており、表示されていません。コンテナ内の背景イメージにブートストラップ、h1オーバーレイがあります。

出典

2017-02-12 Daedalus

。今あなたの例は完全ではありません。 Bootstrap v3またはv4を使用していて、「」アセットが不明であるかどうかはわかりません。正しくロードされるように絶対パスを指定してください。スニペットツール（ '<>'ボタン）またはスニペットウェブサイト（jsFiddle、codepenなど）を使用します。 –

あなたは、バックグラウンド・URLのようなCSS

背景に画像を設定する必要があります。あなたは[MCVE]を作成した場合、それは良いでしょう（画像のURL）

出典

2017-02-12 05:20:04

コンテナ内の背景イメージにブートストラップ、h1オーバーレイがあります。

答えて

関連する問題