Derek de Jong wrote: > >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 >______________________________________________________________________ >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/ > > > Want an odd and interesting fact about proprietary opacity? IE, and only IE, allows one to change child elements back to 100% opacity while keeping parents partially transparent. Conveniently, IE is the browser that doesn't support PNG transparency.
In short, better to use PNG transparency in other browsers and the opacity filter in IE, overriding it in elements under the element with the background. Then you can dodge around IE's lack of support for translucent PNG's. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! Please avoid sending me Word or PowerPoint attachments. See http://www.gnu.org/philosophy/no-word-attachments.html ______________________________________________________________________ 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/
