无限背景图像html / Css

Question

我正在创建一个网站，我希望在那里有一个背景图像。 图像为黑色，上面有一些字符。 然而，页面可以是“M”像素高（y轴）或“N”像素高（y轴）。

我想只显示一个图像实例（不重复）如何制作它，使页面顶部只有一个图像，页面的其余部分（无论多长）都是黑色的？

Answer 1

我会用：

background: #000 url(pic.jpg) top center no-repeat;

参见工作jsFiddle演示

Answer 2

演示小提琴

body {
    height:2000px;
    background-image:url('http://www.acdc.com/sites/acdc/files/imagecache/1024x768/ACDC_Logo%5B1%5D.jpg');
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:center top; 
    background-color:black;
}

如果您希望图像在滚动时粘在顶部，您可以将背景附加规则更改为“固定”...