For learning purposes I'm trying to figure out how they did the background on this site. Some of it I understand but I'm not clear on how the div / class of .mainbackground was done. It's almost like it's partially behind the Content div yet it looks to be in front also, I see there might be some transparency involved but I can't figure it out...here is the site:
Looks like a background image positioned behind and synchronized with a background image for the page content div. Further, looks like the page content div has been styled with shadows in the CSS.
Well, Ok, I kinda got that but I examined it with Firebug and the body has a background repeating image across which I totally understand, it's the div called .mainbackground that I'm not understanding. Here is the CSS for the div I'm confused about:
background: url("img/mainBackground.jpg") no-repeat scroll center top transparent;
There is a Content div OVER that; how is the .mainBackground div 'under or behind' the Content div?
I don't understand the transparent part either in the above CSS......