CSS＆amp; HTML：身体背景图像替代

Question

我有一个网页，它构建了CSS中的body标签，目前设置为：

body {
background: url(../images/bg_fence.png) bottom repeat-x;
}

网址：http://s361608839.websitehome.co.uk/careForAll/www/index.html

现在，它会在页面底部显示一个围栏图片。

不是在身体中使用背景来做到这一点，我还能怎么做呢？

Answer 1

创建一个div：

    <div class="fence"></div>

然后添加CSS：

    <style>
        div.fence {
            background: url(../images/bg_fence.png) repeat-x;
            position: fixed;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 17px;
        }
    </style>

Answer 2

您可以使用跨越整个页面宽度的div，并在文档流程中排在最后。它必须是div overflow: hidden和大图片，或者div上的背景图片而不是body。

Answer 3

尝试将position:absolute更改为position:fixed的{​​{1}}。