Home/ Questions/Q 318319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T08:33:31+00:00

I have a website where the background need to be stribes (got an image

  • 0

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    CSS is (supposed to be at least) case-sensitive – you have #BGContainer in the CSS but BgContainer in the HTML.

    • 0