http://www.gamespot.com/pc/puzzle/fritz8deluxe/review.html

Okay, so someone enlighten me. I'm fascinated by how the gradiented black striped background is stationary as you scroll...almost as if the center content area is in an iframe...

The bkgrnd tile is one color yet there's shading on the site.

Anyone care to enlighten me? ;)

Happy Holidays,
Jason

body {
background:#000000 url(http://i.i.com.com/cnet.g2/shared/page_bg.gif) repeat-x fixed bottom;
margin:0px 0px 8px 0px;
}

bold css is the culprit...

Incidentally, the rule you are wanting (without the extra stuff) is:


background-attachment: fixed;

I'm familiar with fixed positions, but what about the gradient effect that's not part of the actual image files?

Regards,
Jason

I dont see anything special about the gradient background effect; standard gif strip with bg color set to the trailing pixel color. The only variation being the fixed attribute of the bg img.

Hmm...maybe i'm missing your lingo :) but to me, the bg tile is all one color, yet the fixed bg fades from black to normal. I'm trying to figure out how that's done.

Regards,
Jason

the bg tile isnt the one color, it a very subtle gradient; the bg color is set to its trailing pixel colr.

Interesting. Today, the bkgrnd file is a long vertical strip that's gradiented. No mysteries on how it works there. Yesterday when I saved it however, I was getting a tile -- something like a 40x40 square all of the same color. This was on the same pc, in the same browser. I can't figure out why that happened but that's why the fixed bkgrnd still wasn't making sense with how the colors looked. Have no clue how that happened, but with what I can view now, it makes perfect sense. Thanks

Happy Holidays,
Jason