2013-07-28 139 views
0

我想添加多個背景,這是我的網頁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; 
        } 


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

回答

1

您可以使用多背景只是要小心在你使用它們的順序,請參閱如何將這些鏈接,一個很好的參考加入他們:

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

但問題這裏是帶有徽標的圖像有白色背景,這將不允許您必須看到的紋理圖像,您必須將徽標圖像更改爲png以便透明,刪除所有白色區域,否則它們會被刪除會阻擋下面的紋理。

+0

我不知道,我會試一試,看看會發生什麼 –

+0

嘿,我已經嘗試了與相同的CSS的PNG,只有.png,但似乎並沒有工作。我究竟做錯了什麼?我不太瞭解我應該放置它們的方式,你能幫我一把嗎? @ user2321716 –

+0

是的,你不能使用相同的CSS!你必須將兩個背景圖像添加到標題元素,如下所示:header {background:url('image_path.png'),url('second_image.png'); }注意第一個url後面的尾部,如果你忘記它不起作用。如果您希望我看到您的代碼,請添加代碼筆。 –