FN-FORUM: transparent boxes in css

date posted 11th May 2006 16:22

I've created a site that uses photographic backgrounds with transparent
boxes overlaying the photos. I have done this all in CSS using the
following:

#content { margin: 10px; padding: 10px; float: left; width: 55%;
font-size: 0.8em; filter:alpha(opacity=65); -moz-opacity:.65;
opacity:.65; background-color:#ffffff; border: 1px outset #003366;
color:#003366; }


About Us
Some text


However, it causes problems with visibility because the box and it's
content is shown at 65% opacity. Ideally I want the text to be 100%
opacity and the box behind it to be 65% - is this possible or am I
hoping for too much?

Cheers
Catherine

--
Webunlimited, PO Box 297, Stroud GL6 1AZ

tel: +44 (0) 20 8123 5298
mobile: +44 (0)771 7778282
fax: 07050 687656
web: www.webunlimited.co.uk
Registered in England and Wales - Company no. 4544215

Words of wisdom:
"I think there is a world market for maybe five computers."
- Thomas Watson (1874-1956), Chairman of IBM, 1943