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

在背景图像中删除仅放置背景的图像，背景位置为中心顶部.... 

 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 回答
0

我认为您的图像不存在或图像路径不正确。

或试试这个

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

这个说法就够了

于 2013-03-18T04:28:28.340 回答
0

如果您同意，您可以使用基本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 回答