2009-08-11 89 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