html background opacity

[Mat]

Ive had a look around on various forums etc and not really come across much of any use, but I thought I would throw this at you lot...

I have a body image class in the css:

body {
background: url(images/aatkdlogobig.gif) center no-repeat;
}

this obviously sets a single instance of an image in the middle of every page.

What I want to do is to be able to call the same image in another class and have the image set at opacity 25% but nothing else i.e. not have all the text at 25% opacity either.

I realise I can create a new image and just call that and I can also set the text classes to opacity 100% but I dont want to do either of those cos theyre rubbish - I want to use what I have, not create more.

"Help me OcUKenobi you're my only hope"

 

[Mat]

but I dont want to do either of those cos theyre rubbish

hmm not why you think that method is rubbish, because a) it works and b) its simple... you could start faffing around with css hacks and enabling PNG support in IE6 with a whole load of javascript and bloat.

or you could make a new image, and save yourself a lot of time, effort, stress and filesize, whilst keeping things more cross-compatible.

Yeah, I know. I think Im going to edit the original image file now after a bit of thinking, playing and searching.