Inside the stylesheet, usually right at the top, there is a body tag, which will look somewhat like this:


body {
margin: 0px 0px 20px 0px;
background-color: #8FABBE;
text-align: center;
}


This is a simple body tag, taken from the default Gettysburg CSS, offered by SixApart. Yours may be more complex.

To this is added a background image (so you actaully see the opacity setting work), and the opacity settings themselves.


background-image: url(http://www.layil.org/images/MTBackgrounds/rotator.php);
background-repeat: no-repeat ;
background-position: bottom left ;
background-attachment: fixed;
filter: Alpha(Opacity=75);
-moz-opacity: .75;


The background image and it's position are set (fixed on the lower left so it won't scroll, does not reapeat the image to fill up the screen) and, more importantly, where the (two) opacity filters are configured. These two values are the more or less the same thing, they simply target different browsers so that it should work with IE and Firefox/Mozilla. Safari does not work with these. May I suggest using Firefox or Camino instead?

Increasing the number will make it less transparent, lowering it will make it more so. I find 75 (and .75) pleasant, your mileage may vary.

Combining them, the result is:


body {
margin: 0px 0px 20px 0px;
background-color: #8FABBE;
text-align: center;
background-image: url(http://www.layil.org/images/MTBackgrounds/rotator.php);
background-repeat: no-repeat ;
background-position: bottom left ;
background-attachment: fixed;
filter: Alpha(Opacity=75);
-moz-opacity: .75;
}


After saving and rebuilding the stylesheet, you now have a page that you can see through.