opacity in Firefox 3.5

on June 23, 2009 by Christopher Blizzard

13 comments

This is a very short post, but it’s worth putting up because it shows how browser features go from a vendor-specific implementation to a fully supported standard.

In Firefox 3.5 we no longer support the Mozilla-specific CSS property -moz-opacity. Developers wanting to set the opacity of an element should use the standard opacity property instead.

We introduced the opacity property way back in Firefox 0.9 and -moz-opacity was deprecated. And with Firefox 3.5 we’ve finally removed it.

A long road for a simple property, but it’s worth mentioning so people understand the time scale for these kinds of features and how they relate to standards.

13 comments

Post a comment

Pingback from 颠覆网络35天 ─ Firefox 3.5中的透明度 < MJiA on June 23rd, 2009 at 11:10 pm:

[...] 原文地址：opacity in Firefox 3.5 系列地址：颠覆网络35天 [...]

Reply
Gerv wrote on June 24th, 2009 at 2:29 am:

Anyone else seeing a strange rendering glitch on this blog where the “content” div, which has a white background, has zero height? It makes things very hard to read (grey on grey)…

Mozilla/5.0 (X11; U; Linux i686; en-GB; rv:1.9.1) Gecko/20090616 Firefox/3.5

Gerv

Reply
Christopher Blizzard wrote on June 24th, 2009 at 8:14 am:

@Gerv – working fine here?

Reply
Keen Dreams wrote on June 24th, 2009 at 6:30 pm:

I wish CSS had a way to specify that a container should be exempt from the opacity of its parent, or that a container’s opacity shouldn’t apply to its children…

Reply
Gerv wrote on June 25th, 2009 at 1:22 am:

Chris: seems to have fixed itself.

Gerv

Reply
Wladimir Palant wrote on June 25th, 2009 at 4:08 am:

Keen, that’s how -moz-opacity worked before Firefox 0.9 when the implementation was changed to conform to the standard (which is more logical but also less flexible). You can get a similar effect by using rgba() colors however.

Reply
Theodora Vorbix wrote on June 25th, 2009 at 8:48 pm:

border-radius, box-shadow and text-shadow should be next in line,

Reply
Tiger1vic wrote on July 6th, 2009 at 1:54 pm:

Thanks for this info! After upgrading to FF 3.5, I was unable to view floor plans in my Cisco WCS (wireless control system). Turns out this is how they overlay the WCS heat maps on top of the floor plans. After my browser upgrade, all I saw was the heat map with no location info. A few simple substitutions in the wcs.css file and it now works properly again!

Reply
adam wrote on July 7th, 2009 at 9:01 am:

I would love to know what that WCS fix is Tiger Ivic, I’m having the same problem and am not much of a web designer

Reply
Ed wrote on July 10th, 2009 at 6:38 am:

I also would love to know the WCS replacements you made.

Thanks

Reply
Pingback from Mozilla Hacks: Nieprzezroczystość w Firefoksie 3.5 « marcoos.techblog on July 27th, 2009 at 1:26 pm:

[...] artykułów z bloga Mozilla Hacks, przedstawiam dzisiaj tłumaczenie (króciutkiego) artykułu Opacity in Firefox 3.5, autorstwa Chrisa [...]

Reply
Pingback from 谋智社区 » Blog Archives » 颠覆网络35天 ─ Firefox 3.5中的透明度 on August 9th, 2009 at 8:55 pm:

[...] 原文地址：opacity in Firefox 3.5 系列地址：颠覆网络35天 [...]

Reply
thxraph wrote on September 17th, 2009 at 4:19 am:

@adam & Ed: as stated on this post, beeing it’s main purpose, he replacce the old “-moz-opacity” -deprecated & now removed- to “opacity” in the CSS file.

Reply