如何使用重复图像创建固定页脚

Question

我试图制作一个固定的页脚，这是一个重复的图像，但到目前为止，我很难过。我试过 Sticky Footer 它重复并成为一个页脚，但它不适合屏幕。现在我有一个非常简单的CSS和HTML脚本。我也尝试过CSS中的背景重复X，但它没有进入页脚。

CSS

#foot {
height: 187px;
bottom:0;
position:fixed;
width:100%; 

HTML 的

<div id="foot"><img src="footer.png">
</div>

有人可以帮助我吗？

Answer 1

dTDesign是对的，你应该使用背景图片。示例如下：

HTML：

<div id="foot"></div>

CSS：

#foot {
    height: 187px;
    bottom:0;
    position:fixed;
    width: 100%;
    background: url('http://www.cindyandcarl.com/wp-content/uploads/FooterRepeat.png') repeat-x;
}

DEMO HERE