У меня есть веб-сайт, на котором фон должен быть в виде полос (получил изображение полосы) в моем теле. Я установил его как background-image и повторил, пока все хорошо:
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>
Тогда у меня есть это другое изображение с градиентом в верхней части, где полосы исчезают в другой цвет. Это изображение должно перекрывать верхнюю часть фона. Это то, что я пытался сделать в своем коде, но это не работает. Он показывает только мозаику bg.png, расположенную внутри элемента body. Я никогда не вижу наложения. Кто-нибудь?
/ Приветствие