That's how opacity works. It dims the background, content and everything inside it. See Opacity Example:
As a workaround, use a semi-transparent PNG background image instead of opacity. You'll get the "see-through" effect without dimming content. NOTE: Transparent PNG is not supported in pre-IE7 browsers without a script. If this matters to you, do a Google search for IE PNG Fix.js.
In the end i was forced to use the PNG method since nothing else would work
the first thing the PNG compatability page says is that the images must have fixed widths and heights, since some of them are repeated as background images is this gonna b a problem
also you said pre IE7 is not supported
i got IE 8 and that is not compatable!
is that "use the PNG method since nothing else would work" really your last word and your images must necessarily have the png format? In case you could use some others, I am including two links to convert them, here into jpg's:
And here is a scratch file of mine, made with an jpg-image:
I know how to convert image file types thank you
Here is a example of the compatability problem which has plagued me
One image was made in Photoshop with a black canvas faded out and the same file was used to save the picture in the 3 different file formats
As you can see only through the PNG image is the background visable
On a side note i used the blink tag to make the Text stand out ontop of that background. This is probibly the first time in the history of the web that someone has found blink usefull