背景画像フルスクリーン

2つのdiv要素を持つWebページを作成しようとしています。一つは、イメージ。第二に、background-color。しかし、1つの問題があります。画像が画面の端に届かない！これどうやってするの？私は幅のための定義者を使用したくない、私はそれがすべてに良いスケールをしたい。 Chromeを使用して背景画像フルスクリーン

<head> 
 
     <title>Derr</title> 
 
     <style> 
 
      body { 
 
       font-family: "Courier New", Courier, monospace; 
 
      } 
 
      .fadein { 
 
       background-image: url("img.bmp"); 
 
       height: 549px 
 
      } 
 
     </style> 
 
    </head> 
 
    <body> 
 
     <div class="fadein"> 
 
      <br><br><br><br><br> 
 
     </div> 
 
    </body>

。

出典

2016-04-13 William Edwards

試し加えるそれをしなければならない：背景サイズ '：カバー;'とイメージの高さプロパティを削除します。 – timolawl

nope。 'div'の中には何もないはずですから、これはノゴです。 –

あなたはこのよう

body{ 
 
    margin:0px; 
 
    } 
 
    
 
    .fadein{ 
 
    background-image: url(http://lorempixel.com/400/200); 
 
    background-position: center; 
 
    background-size: cover; 
 
    height: 100vh; 
 
    }

<body> 
 
     <div class="fadein"> 
 
      
 
     </div> 
 
    </body>

出典

2016-04-13 20:26:42 DanyCode

まだページの横に白い棒があります。 –

ボディに 'margin：0px'を付けましたか？あなたが与えたコードがすべてを満たしているからです。 – DanyCode

まだ小さな白いバーがページの全周にあります –

背景画像フルスクリーン

答えて

関連する問題