CSS |两个背景

时间:2013-03-27 09:41:25

标签: css

我有wordpress网站,我想要更改背景,我需要两个图像到背景 例: http://i.imgur.com/8HMY8al.png
我想要它的身体,代码现在是:

body {
    background: #fff;
    color: #494949;
    font-family: Arial,Trebuchet MS,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    background: url(images/bg1.png) top left repeat-x #D3D5D4;
}

我需要在这里添加什么? 我认为bg2需要适合屏幕(网站)

3 个答案:

答案 0 :(得分:1)

将其分成两个div并为每个div应用不同的背景

答案 1 :(得分:0)

您可以将单独的背景设置为html元素,并将其中一个元素分隔为body元素。

答案 2 :(得分:0)

使用CSS3技巧,您可以将多个背景应用于仅一个div。见这个例子:

body{
    background:url(images/img.gif) no-repeat left top, 
    url(images/img.gif) no-repeat right top, 
    url(images/img.gif) no-repeat left bottom, 
    url(images/img.gif) no-repeat right bottom;
}

小心浏览器兼容性。希望它有所帮助;)