0

ページの本文に完全な背景を表示しようとしていますが、何も機能せず、得られる出力はごみです。

考えられることはすべて試しましたが、何もうまくいきません。私の間違いがどこにあるのか教えてください。(.jpg は正しい場所にあります)

<html>
    <head>
        <style type="text/css">
            body {
                height: 100px;
                width: 100px;
                background-image:url(background.jpg) repeat fixed 100% 100%;
            }

            #container {
                width: 979px;
                height: 100%;
                margin: 0 auto;
                background-color: blue;
            }

        </style>
        <title> Baisbook </title>
    </head>

    <body>
        <div id="container">
            <p> Just saying Hi! </p>
        </div>
        <p>This is a Test</p>
    </body>
</html>
4

5 に答える 5

0

画像は表示できますが、必要な領域をすべて埋めていませんか? その場合は、このサンプル コードをボディ領域で試して、動作するかどうかを確認してください。

body { 
  background: url(background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
于 2013-03-18T04:34:31.470 に答える
0

画像が存在しないか、画像パスが正しくないと思います。

またはこれを試してください

            background-image:url('background.jpg');

この一言で十分

于 2013-03-18T04:28:28.340 に答える
0

OKならベーシックを使っcss codeて適用background-image

これらの代わりに

body {
       height: 100px;
       width: 100px;
       background-image:url(background.jpg) no-repeat fixed 100% 100%;
    }

これを試して

body {
           height: 100px;
           width: 100px;
           background-image:url(background.jpg);
           background-repeat:no-repeat;
           background-position:fixed;
           background-size:100%;

        }

ワーキングデモ

于 2013-03-18T06:04:14.397 に答える
0

background-image では、画像を削除して背景だけを配置し、背景の位置を中央の上に置きます.... 

 body {
       height: 100px;
       width: 100px;
       background:url(background.jpg) no-repeat fixed center top;
      }
于 2013-03-18T05:36:42.833 に答える
0

以下のコードを使用

 body {
background:url(your image path) repeat fixed 100% 100%;
background-attachment:fixed;
background-size:100%;
background:url(your image path) repeat fixed center center  \9;
/*IE 9*/
background:url(your image path) repeat fixed top 100% /IE9;
background-attachment:fixed /IE9;
background-size:100% /IE9;

}

于 2013-03-18T05:46:03.993 に答える