角度4のフル画像の背景

私は角フレームワークと活字体に新たなんだと私は単純なページを作成している間、私はこの問題に出くわしました。角度4のフル画像の背景

HTMLタグの（画像を参照）私は、ページに完全な画像の背景を与えたいと思ったが、背景画像が唯一の子要素の後ろに表示されます。だから私は同じことをやろうとしましたが、代わりにオンラインのhtml、cssエディタ（スニペット参照）でやってみました。そして、このエディタは、期待された結果を与えましたか？ HTML要素の上にDOM要素がないか、または角度4のフレームワークに別のルートを追加していますか？

Current situation

html { 
 
    background: url(http://www.apicius.es/wp-content/uploads/2012/07/IMG-20120714-009211.jpg) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
}

<html> 
 
    <body> 
 
     <div> 
 
      <h1>Title</h1> 
 
      <h3>Subtitle</h3> 
 
     </div> 
 
    </body> 
 
</html>

出典

2017-10-13 Kerim Çevik

メイン親のdivの高さが100％を作ってみましょう、それが画像をレンダリングするために、いくつかの容器を必要としています！またはhtmlまたは本文の高さと幅を設定してください100％ – JayDeeEss

あなたはアプリのエントリを囲むdiv要素にクラスを追加することができます。

index.htmlを

<style> 
    .bg{ 
    width: 100%; 
    height: 100%; 
    background: url('your-url') no-repeat center; 
    background-size: 100% 100%; 
    background-position: top center; 
    } 
</style> 
    ... 
    <div class="bg"> 
    <app> 
     Loading... 
    </app> 
    </div>

出典

2017-10-13 13:27:55

私はindex.htmlファイルを編集してくれてありがとうございました。そして今、私は完全な画像の背景を置くことができます。 –

答えて

関連する問題