背景画像幅が

を動作しません、私はhtmlファイルを持っている、と私は画像に背景のURLを設定しますが、画像はブラウザの幅を満たさない：背景画像幅が

私も設定してみましたwidthプロパティを大きくすると効果はありません。このシナリオでは

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
    <style> 
     #bg { 

      height:1500px; 
      background: url("img/timg7.jpg") center top no-repeat; 
      width:1800px; 
     } 
    </style> 

</head> 
<body id="bg"> 

<div style="width:400px; height: 200px; background-color: antiquewhite"> 
    BLOCK 
</div> 

</body> 
</html>

出典

2017-10-13 qg_java_17137

身体に幅を付けましたか？それは何ですか？ – PHPglue

。

あなたのCSSは次のようになります。あなたはJavaScriptでそれを得るとdocument.bodyとして、

#bg { 

    background: url("img/timg7.jpg") center top no-repeat; 
    background-size: cover; 
}

出典

2017-10-13 02:46:46

、あなたは背景サイズを使用する必要があり、バックグラウンド・サイズのためdemoがあります。

てみ使用する：

background-size: 120%;

出典

2017-10-13 02:41:55 aircraft

使用してみてください：背景サイズ：カバー;

とあなたはこのためbackground-size属性を必要とする高さを削除してくださいと幅

出典

2017-10-13 02:44:01

はこれを試してみてくださいCSSでbodyを使用するだけです。もちろん、それはあなたの問題ではありません。以下のコードを参照してください：

html,body{ 
padding:0; margin:0; 
} 
body{ 
    background:url(img/timg7.jpg) no-repeat; background-size:cover; 
}

ちなみに、外部CSSを使用する必要がありますので、ブラウザメモリにキャッシュされます。

出典

2017-10-13 02:48:33 Ehsan

#bg{ 
    background: url("img/timg7.jpg"); 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position:center; 
}

出典

2017-10-13 02:50:01

あなたのbody上のIDを必要としない、と：

#bg { 

    background: url("img/timg7.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 

}

出典

2017-10-13 02:58:06 PHPglue

答えて

関連する問題