Hi all, I have a website where the background need to be stribes (got an image of the stripe) in my body css i set it as background-image and repeat it, so far so good:
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;
}
Here is my HTML
<body>
<form id="form1" runat="server">
<div id="BgContainer">
</div>
</form>
</body>
Then i have this other image with a gradient in the top where the stibes fade into another color. This image should overlay the top of the background. This is what i tried to do in my code, but it isnt working. It only shows the tiling of the bg.png located within my body element. I never see the overlay. Anyone?
/Cheers