多个背景CSS

时间:2013-07-28 22:00:20

标签: html css background position

我试图添加多个背景这是我的网页www.softglobal.com.mx,它有两个标题,一个带有徽标,另一个填充右上角,但我想要的背景是在这另外两个背后,我怎么能做到这一点,这就是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;
                   }


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

1 个答案:

答案 0 :(得分:1)

您可以使用多个背景,只需要注意使用它们的顺序,请参阅此链接以获取有关如何添加它们的良好参考:

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

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

相关问题