无限背景图片 html/Css答案

【问题标题】：Infinite Background Image html/Css无限背景图片 html/Css
【发布时间】：2014-09-22 17:56:21
【问题描述】：

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

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

【问题讨论】：

能否将您的代码放在jsfiddle.net 上，以便我们查看您的尝试，谢谢！
尝试在css中使用这个：background-repeat: no-repeat;

【解决方案1】：

我会使用：

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

See working jsFiddle demo

【讨论】：

【解决方案2】：

Demo fiddle

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;
}

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

【讨论】：