如何用css设置两个背景

 

1. css3可以实现，

   background: url(image_1.jpg) top  left no-repeat, url(image_2.jpg) top  right no-repeat;

   
   

2. 在这个背景里面加两个div;

   样式为都float:left:width:50%;height:100%;

   然后把图片分别放到两个中，（最常用）

   

<div style="width:1000px;height:800px;margin:auto;position:absolute;z-index:-1;">
        <div style="float:left;height:500px;width:50%; background:url('a.jpg') no-repeat;"></div>

        <div style="float:right;height:500px;width:50%; background:url('a.jpg') no-repeat;"></div>
     </div>

 

 

http://zhidao.baidu.com/link?url=N51XLUW94IqBCOcCvDfK4D_5tZde-DN4jboFsWWmggXhgMTJdRwpyUT-7I-RFzY_TyjgMclQY-3EhrPcF94glK

============================================================================================

 

参考：

用CSS设置多个背景、背景渐变、指定背景大小

http://www.cnblogs.com/losesea/archive/2013/02/03/2890611.html