2009-08-11 75 views
1

我有一個網站的背景需要stribes(得到了一個條紋圖像)在我的身體CSS我設置爲背景圖像,並重復它,迄今如此好:如何讓我的背景工作

body 
{ 
    font-family: Verdana, Sans-Serif; 
    text-align: left; 
    margin:0px; 
    text-align:center; 
    background-image:url(../Gfx/Design/bg.png); 
    background-repeat:repeat; 
    width:100%; 
    height:100%; 
} 

#BGContainer 
{ 
    margin:0px; 
    background-image:url(../Gfx/Design/background.png); 
    background-repeat:repeat-x; 
    width:100%; 
    height:100%; 
    z-index:101; 
} 

這裏是我的HTML

<body> 
    <form id="form1" runat="server"> 
    <div id="BgContainer"> 
     </div> 
    </form> 
</body> 

然後,我有這等的圖像與在該stibes褪色成另一種顏色頂部的梯度。此圖應覆蓋背景的頂部。這是我在我的代碼中試圖做的,但它不工作。它只顯示位於我身體元素內的bg.png的平鋪。我從來沒有看到覆蓋。任何人?

/乾杯

+0

你正在使用什麼DocType? – AaronSieb 2009-08-11 14:27:56

+0

沒有碰它,視覺工作室自動生成:


                            
    H4mm3rHead
                                2009-08-11 14:29:59
                            
                        
                    

回答

4

CSS(至少應該是)區分大小寫 - 您在HTML中有#BGContainer,但在BgContainer中有。

+2

假設這不僅僅是一個錯字,這將是問題。 – idrumgood 2009-08-11 14:31:59

+0

阿格多麼愚蠢! thx一堆解決它。多麼可怕的尷尬。 – H4mm3rHead 2009-08-11 14:35:38

2

嘗試添加您的#BGContainer DIV中的內容,像&nbsp;

0

你就不能包括漸變疊加到你的條紋圖像?

還是我誤解你的問題?

+0

然後我不能平鋪它,梯度應該只出現在背景的頂部。我平鋪一個小img的背景。然後用一個更大的圖像平鋪一個更大的圖像(至少這是該計劃) – H4mm3rHead 2009-08-11 14:32:47