多背景CSS

我想添加多个背景，这是我的网页www.softglobal.com.mx，它有两个标题，一个带有标志，另一个填充正确的顶部，但我想要一个背景这背后是另外两个，我怎么能做到这一点，这是CSS多背景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; 
        } 


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

来源

2013-07-28 Alex Liebert

您可以使用多背景只是要小心在你使用它们的顺序，请参阅如何将这些链接，一个很好的参考加入他们：

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

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

来源

2013-07-28 22:18:23

我不知道，我会试一试，看看会发生什么 –

嘿，我已经尝试了与相同的CSS的PNG，只有.png，但似乎并没有工作。我究竟做错了什么？我不太了解我应该放置它们的方式，你能帮我一把吗？ @ user2321716 –

是的，你不能使用相同的CSS！你必须将两个背景图像添加到标题元素，如下所示：header {background：url（'image_path.png'），url（'second_image.png'）; }注意第一个url后面的尾部，如果你忘记它不起作用。如果您希望我看到您的代码，请添加代码笔。 –

回答

相关问题