2017-09-30 7 views
0

ブートストラップ4ジャンボトロンでバックグラウンドイメージを反応させようとしていますが、ノーリピートタグを追加するとイメージがサイトから消えます。画像を反応的にし、画像をモバイルで繰り返さずに表示させるためのアドバイスは、非常に高く評価されます。あまり前もってありがとう!ブートストラップにリピートタグがありませんジャンボトロンが画像を消える原因

ケイティ

CSS:

#sixthHomejt{ 
     background-image: url(homejt.png) no-repeat; 
     background-size:100%; 
     color:darkgrey; 
     height:550px; 
     } 

HTML:

<div class="jumbotron jumbotron-fluid" id="sixthHomejt"> 
<div class="container"> 
<h1 class="display-3" style="text-align:center; padding-top:1%;">Columbia 
Middle School</h1> 
<p class="lead" style="text-align:center;font-size:200%; ">Sixth Grade</p> 
    </div> 

答えて

0

は、個別の設定値は、感謝を割り当て、

#sixthHomejt{ 
    background-image: url('./homejt.png'); 
    background-repeat: no-repeat; 
    background-size:100%; 
    color:darkgrey; 
    height:550px; 
    } 
+0

画像のURL名の前後に引用符を使用して使用してみてください!すべてのものをモバイル用に拡張する方法はありますか?今すぐそれはちょうどwidhと高さの間の正しい比率のために – cerawebdesign

+0

を押しつぶされているように見えます..適切な幅をおろして、min-height、min-width – scaisEdge

関連する問題