At 09:55 AM 9/11/2005, Derek de Jong wrote:
> > Hi everyone,
> >
> > I've successfully got the opacity filter working okay for a background
> > that
> > displays an image.
> >
> > The problem is the image is also made transparent,
> > see  http://www.explorerexperience.com.au/gallery.shtml
> > CSS: here http://www.explorerexperience.com.au/styles/image.css
> >
> > Anyone know how to keep the background transparent and have the text and
> > image not?
> >
>
>My suggestion would be to use an Alpha-transparent PNG and use something
>like Dean Edward's IE7 to ensure it displays correctly in IE 5.5 & 6.
>(Don't forget to name the file with "-trans.png", in the IE7 case.)
>
>However, I recently confused myself trying to do something similar; I put
>a 1-pixel black repeated background positioned overtop of a another black
>element (body background), and it went gray (btw #333 & #555). I had
>assumed 50% #000 on top of #000 would yeild #000, but unless I did
>something wrong in generating the PNG, it didn't, even in better-behaved
>browsers (like FF and OP). This threw off my intuition using Alpha
>transparency, so I instead used the various opacity properties for each
>browser (because I didn't mind the opacity inheriting). (If the reasoning
>doesn't make sense, it was for a sonofsuckerfish dropdown over an image
>gallery; so the menu would obscure the image while keeping it visible, but
>would blend with the background. I don't just make overly complicated
>black-on-black elements for fun.)
>
>The PNG solution should work, however, with some javascript to make sure
>IE applies its PNG Alpha filter.
>
>HTH,
>Derek

Hi Derek,

Thanks for this. I was trying not to use pngs...

I know that Opera doesn't support the opacity filter and I can accept 
that... if it's not possible to have the container div with the opacity 
containing the image and text without giving them the opacity I may have to 
live without it.

Thanks for your help.

Regards
8-)
Vicki 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to