如何在网站上放置背景图像

Question

我有这个网站：http://www.problemio.com目前有纯色背景，身体宽度约为1000像素。

我的设计师给了我一张像这样的背景图片：http://problemio.com/img/ui/background_image.png

我不确定背景图像是否应该像中间那样是白色的。而且我不确定如何使这个图像适合我实际网站主体的更宽的框架。

是否有可能将此作为我的背景图片？

以下是我目前外壳的css样式：

body, html 
{
    #padding: 5px;
}

body 
{
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1em;
    background-color: #5C5957;
}

 /* makes the background of the top bar gray */
.container 
{
    position: relative;
    background-color: white;

    overflow:hidden;
    width:1000px;
    margin: 0 auto;
}

以下是更完整的样式：

http://problemio.com/main.css

谢谢！

Answer 1

body 
{
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1em;
    background:url(smiley.gif) 0 0 no-repeat;
    background-size: 100%;
}

此处background-size仅支持CSS3。

Answer 2

这种东西：

background-image:url('url/of/your/image');