Done
Thanks everybody for your help, I'm very sure this is the way to do that
1. Make a gradient image using two colors (top color blue / second color white) with 1 x 1024 dimension. (You have to know the hex code of each color).
2. Using a HTML Editor just have to put the background image... (if is a good HTML Editor it will generate a css embeded into the html).
3. Let the background repeat itself, using the background-repeat parameter.
4. Now pick a the website background color (We have to pick the color of the bottom of the gradient). White (#EEEEEE).
5. Done, now the background it's fading, and the content that exceeds the image resolution will have the fading effect. (Until the image ends, and then will only show the background-color that it's the same color of the gradient).
The CSS Generated Code is this:
<!--
body {
background-image: url(image/background.gif);
background-repeat: repeat-x;
background-color: #EEE;
}
Now you can put it on inside a .css file
pretty much of your idea
