Question

html { 
    background: #9c9c9c url(../images/bg-bottom.jpg) center top;
}
body {
    border-top:2px solid #fecd2a;
    background:#9c9c9c url(../images/bg.jpg) repeat-x center bottom;
}

我需要bg.jpg这是一个大背景，顶部是黑色渐变，顶部是bg-bottom.jpg，底部重复。为什么这不起作用，有更简单的方法吗？除了创建一个长图像。

http://fluroltd.com/clients/harveys/latest-news/

Answer 1

您需要切换定位并使用body标记的透明背景：

html {  
    background: #9c9c9c url(../images/bg-bottom.jpg) center bottom 
} 

body { 
    border-top:2px solid #fecd2a; 
    background: transparent url(../images/bg.jpg) repeat-x center top; 
}

Answer 2

body上的CSS应为

background: url("../images/bg.jpg") repeat-x scroll #9C9C9C;

我不认为在HTML标记中添加背景会让你随处可见。如果我是你，我会制作一个超长，窄幅图像，不会超过页面的长度。如果不使用CSS3，就不能拥有多个BG，我个人不推荐这样做。

CSS定位背景图像

2 个答案: