html - 多个背景 CSS

Question

我正在尝试添加多个背景这是我的网页 www.softglobal.com.mx，它有两个标题，一个带有 Logo ，另一个填充右上角，但我想要一个背景在这个后面另外两个，我该怎么做，这是 CSS

enter code here

This the code

#content-wrap { 
     background: url (http://i.imgur.com/D4ZVVnY.png);
}


 body {

background:           url(http://i.imgur.com/K7yy7nB.png) no-repeat #fff;
width: 100%;
display: table;
margin: 0;
padding:0;

         }




    #templatemo_header {

height: 180px;
background: url(http://i.imgur.com/46t4Zmo.jpg) repeat-x;
background-position:  0 -2px;
margin: 2px 2px 2px 25px;
padding: -3px 0 0 0;
    background: url (http://i.imgur.com/D4ZVVnY.png);
      }


     #ja-cssmenu {
margin:-49px -32px -20px 20px; /* all lists */
padding:0px;
                   }


   ##############################

Answer 1

您可以使用多个背景，但要注意使用它们的顺序，请参阅此链接以获得有关如何添加它们的良好引用:

http://css-tricks.com/stacking-order-of-multiple-backgrounds/

但这里的问题是带有 Logo 的图像有白色背景，这将不允许您必须看到的纹理图像，您必须将 Logo 图像更改为 png 以便透明，删除所有白色区域，否则它们会阻挡下面的纹理。