2009-08-11 6 views
1

私は背景がストライプ(ストライプのイメージを持っている)を必要とするウェブサイトを私の身体の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が別の色にフェードイントップに勾配を持つこの他の画像を持っています。この画像は背景の上にオーバーレイする必要があります。これは私のコードでやろうとしたものですが、動作していません。私のbody要素内にあるbg.pngのタイリングしか表示されません。私はオーバーレイが見えません。誰でも?

/乾杯

+0

どのようなDocTypeを使用していますか? – AaronSieb

+0

それに触れていない、Visual studio auto generated:


                            
    H4mm3rHead
                                
                            
                        
                    

答えて

4

CSSは、少なくともCSSでは大文字と小文字が区別されます(CSSには#BGContainer、HTMLではBgContainer)。

+2

ここでは単にタイプミスではないと仮定すると、これが問題になります。 – idrumgood

+0

いかに愚かなの!それを解決した束。どのようにひどい恥ずかしい。 – H4mm3rHead

2

&nbsp;

0

のようなものは、あなたは自分のストライプ画像にグラデーションオーバーレイを含めることはできません、あなたの#BGContainer divの内側にコンテンツを追加してみ?

あなたの問題を誤解していますか?

+0

次に、グラデーションは背景の上にのみ表示されます。私はバックグラウンドの小さな画像をタイリングする。その上にそれ以上のグラデーションを持つ大きな画像を並べて表示します(少なくとも計画はそうです) – H4mm3rHead

関連する問題