http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/ A Layout forum thread at WPDFD.com en-us 02/13/04, 044 20 2004 2004:%i:1076689216 11:20:16 06/07/13, 158 08 2013 2013:%i:1370578107 00:08:27 http://blogs.law.harvard.edu/tech/rss NineLabs Framework Feed Generator sitemaster@wpdfd.com sitemaster@wpdfd.com http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p411
I'm able to get this working with a couple of div's but I'd like the pop-up menu's box to appear transulcent (so you can see the imagemap through the menu).

Is there something CSS that I can use to do this easily or do I need to do something tricky like use a modified version of the background graphic in my menu?]]> 02/13/04, 044 20 2004 2004:%i:1076689216 11:20:16 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p411 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p412
One way to fake it is to use a GIF with a transparent checker pattern as the menu box's background. It works (visually) in some instance better than others depending on what is behind it.

You could also experiment with using a PNG(24), but browser support for transparency in PNGs is sketchy too.]]> 02/13/04, 044 20 2004 2004:%i:1076692834 12:20:34 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p412 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p413 In IE, the css command is:
filter:alpha(opacity=80);

With 80 being the percentage of opacity.

In gecko-based browsers, the same command is
-moz-opacity:0.8;

It actually works pretty well, unless you have a lot of text in the transparent area, or a fair bit of dynamic text, in which case it can slow the page to a crawl. Also, be aware that anything in the div will also affected, so any images, text, whatever, will also inherit the transparency/opacity value.]]> 02/13/04, 044 50 2004 2004:%i:1076694647 12:50:47 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p413 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p414
Thanks guys!]]> 02/13/04, 044 19 2004 2004:%i:1076707190 16:19:50 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p414 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p415 The wildcard will select everything within the box and put it back to 100%translucency, when you give it the rule to do so.]]> 02/14/04, 045 39 2004 2004:%i:1076737174 00:39:34 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p415 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p416
years ago I was using it on IE, but never really found a good use, although now I have more layout control it can be used for cool effects!

Is there no CSS background-opacity property?
Probably not but there should be!]]> 02/14/04, 045 46 2004 2004:%i:1076813177 21:46:17 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p416 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p417
...I guess I have some work to do before I worry about the fancy stuff...

Thanks again for the info!]]> 02/19/04, 050 47 2004 2004:%i:1077202039 09:47:19 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p417 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p418
Also, validate your css. If it's not working in Moz, generally speaking there's something wrong with it.]]> 02/19/04, 050 46 2004 2004:%i:1077205588 10:46:28 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p418 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p419
I'd post a link but the site is for a rigged demo and isn't avaliable on the public internet.  The demo is in IE so it will do for now...]]> 02/19/04, 050 57 2004 2004:%i:1077206277 10:57:57 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p419 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p420
Btw, I like this forum. It is filled with intellegent and opinionated people. ]]> 02/19/04, 050 12 2004 2004:%i:1077221562 15:12:42 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p420 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p421 too popular!

only works on text? - well posibly but....

... most of the [tt]-moz-[/tt] css stuff is things that are planned for future CSS versions, and [tt]opacity[/tt] is propably going to be in CSS-3, so I would expect it to work as per the spec - the opacity for the whole of the block]]> 02/20/04, 051 58 2004 2004:%i:1077303503 13:58:23 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p421 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p3086 yerinde köpek egitimi
arkadaşlık siteleri
Web tasarımı
istanbul eskort
bayaneskort
]]> 10/28/09, 301 49 2009 2009:%i:1256716187 03:49:47 http://www.wpdfd.com/forums/wpdfd/layout/css_and_transparency/#p3086