hacks.mozilla.org

opacity in Firefox 3.5

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 Responses to “opacity in Firefox 3.5”


  1. 1 Gerv

    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

  2. 2 Christopher Blizzard

    @Gerv – working fine here?

  3. 3 Keen Dreams

    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…

  4. 4 Gerv

    Chris: seems to have fixed itself.

    Gerv

  5. 5 Wladimir Palant

    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.

  6. 6 Theodora Vorbix

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

  7. 7 Tiger1vic

    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!

  8. 8 adam

    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 :(

  9. 9 Ed

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

    Thanks

  10. 10 thxraph

    @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.

  1. 1 颠覆网络35天 ─ Firefox 3.5中的透明度 < MJiA
  2. 2 Mozilla Hacks: Nieprzezroczystość w Firefoksie 3.5 « marcoos.techblog
  3. 3 谋智社区 » Blog Archives » 颠覆网络35天 ─ Firefox 3.5中的透明度

Leave a Reply