CSS |两个背景

问题描述：

我的wordpress网站，我想改变的背景下，我需要两个图像背景例： http://i.imgur.com/8HMY8al.png
我希望它的身体，代码是现在：CSS |两个背景

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需要适合屏幕（站点）

答

单独它分成两个格，并应用不同的背景每个格

你可以说怎么样？我需要示例plz – user2214952 2013-03-27 09:50:58

这样的事情：http://jsfiddle.net/E9A6y/。发布你的HTML，如果你想更具体地了解你的情况。 – Eli 2013-03-27 09:54:32

答

可以单独背景设置为html元素和单独一个body元素。

答

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

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

相关推荐