简单的网页设计背景内容设置问题

<!DOCTYPE html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .beijing{
            background:url(img/shitang1.jpg) no-repeat top center;
        }
    </style>
</head>

<body class="beijing">

</body>

当我这样设计背景图片之后,怎样才能设置添加的内容是在背景图范围内的,而不是超出背景图?

弄一个div,style通过id选择器控制加样式。往div里放东西就好了

把背景图的长宽拉伸为和.beijing这个div长宽一样,不管怎么写肯定是在背景图上

h5的background-size,设置为100%,不过IE8-不支持

可以找jquery.supersized.js,图片背景全屏插件:http://buildinternet.com/project/supersized/