bullzeyedesign
New Member
Hi,
I'm trying to create a background over a background image. Basically I have a repeating background and then a gradient that fades down that needs to go over it. This is an example of what I'm trying to do: http://www.whatshebuys.com
here's my attempt: http://www.nematchmakers.com/test.html
Here's my CSS
body {
background:url(images/bg_stripes.gif) repeat top left;
font: normal 12px/1.2 Verdana, sans-serif;
width: 100%;
margin: 0;
color: #000000;
text-align: center;
}
#background-support {
background:url(images/bg_gradient.gif) repeat-x top left;
padding:0;
margin:0px;
width:100%;
}
For some reason the gradient is about 15 pixels from the top margin, instead of bumping up against the top of the screen. I'm not sure why but maybe I'm missing something...
thanks in advance
I'm trying to create a background over a background image. Basically I have a repeating background and then a gradient that fades down that needs to go over it. This is an example of what I'm trying to do: http://www.whatshebuys.com
here's my attempt: http://www.nematchmakers.com/test.html
Here's my CSS
body {
background:url(images/bg_stripes.gif) repeat top left;
font: normal 12px/1.2 Verdana, sans-serif;
width: 100%;
margin: 0;
color: #000000;
text-align: center;
}
#background-support {
background:url(images/bg_gradient.gif) repeat-x top left;
padding:0;
margin:0px;
width:100%;
}
For some reason the gradient is about 15 pixels from the top margin, instead of bumping up against the top of the screen. I'm not sure why but maybe I'm missing something...
thanks in advance