Comments on: CSS3 Opacity

By: Mukesh

Mukesh — Tue, 05 May 2009 11:51:53 +0000

Setting an opacity in Firefox 3 slows down the site considerably. in fact if i remove the opacity the site works very smooth. i am using opacity as an overlay for entire page so user is unable to click anywhere while some processing is going on. Can u tell me where the problem lies with Firefox 3.

By: Zen Elements

Zen Elements — Tue, 31 Mar 2009 11:41:19 +0000

@Mangesh | As mentioned in some comments herein, there are solutions to coding Opacity for IE6/7/8. Some IE solutions by Rick Curran and SamBlak - thanks guys!

By: Mangesh

Mangesh — Mon, 30 Mar 2009 04:35:00 +0000

I have gone through the tutorials shown in page, But it is not supporting IE6 & 7. What should be done to support that for Internet Explorer Browser

By: Envy

Envy — Tue, 10 Mar 2009 15:39:47 +0000

Keep working ,great job!

By: Zen Elements

Zen Elements — Thu, 29 Jan 2009 17:52:14 +0000

You could attempt to use RGBA or HSLA for the background of the individual boxes. I have just recently published two articles on RGBA and HSLA which should help but quickly:- .outsideBox { background: rgba(68, 140, 79, 0.2); } or... .outsideBox { background: hsla(202, 100%, 50%, 0.2); } and... .insideBox { background: #ffffff; } I hope this helps! Alex