28

私はウェブサイトを始めたばかりですが、特定の解決策が見つからないという小さな問題にすでに遭遇しています。

私は自分のウェブサイトの背景を幅の任意の画面サイズに合わせたいと思っていました.高さは関係ありません.

これは私の画像へのリンクです：

    ../IMAGES/background.jpg

編集

何が問題なのかわかりませんが、何らかの理由で体が背景画像を取得したくありません。真っ白な背景を表示するだけです。

body
{background-image:url(../IMAGES/background.jpg);}
4

14 に答える 14

75

このプラグインでこれを行うことができますhttp://dev.andreaseberhard.de/jquery/superbgimage/

また

   background-image:url(../IMAGES/background.jpg);

   background-repeat:no-repeat;

   background-size:cover;

ブラウザのプレフィックスは必要ありません。両方のブラウザでサポートされる準備が整いました

于 2013-11-12T09:25:30.347 に答える
25

これを試して 、

 background: url(../IMAGES/background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

詳細については、このパーフェクト フル ページの背景画像に従ってください!!

于 2013-11-12T09:18:56.307 に答える
18

あなたはで試すことができます

.appBackground {
    position: relative;
    background-image: url(".../img/background.jpg");
    background-repeat:no-repeat;
    background-size:100% 100vh;
}

私のために働きます:)

于 2016-06-20T09:52:54.687 に答える
2

これは私のために働いた：

body {
  background-image:url(../IMAGES/background.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
于 2020-07-05T04:00:07.913 に答える
-1

私のウェブサイトで行ったのと同じように行うことができます。

background-repeat: no-repeat;

background-size: cover;
于 2016-05-17T18:14:09.983 に答える
-1 
background: url("../image/b21.jpg") no-repeat center center fixed;

background-size: 100% 100%;

height: 100%;

position: absolute; 

width: 100%;
于 2016-07-28T10:19:50.153 に答える