html - 如何创建带有重复图像的固定页脚

Question

我试图制作一个固定的页脚，这是一个重复的图像，但到目前为止我很难过。我尝试了Sticky Footer，它重复并变成了页脚，但它不适合屏幕。现在我有一个非常简单的 css 和 html 脚本。我也尝试过 CSS 中的 Background Repeat 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;
}

在这里演示