Recent Articles

javascript print partial pages

In developping web applications and designing websites, you've probably come accross a situation where you wanted the user to be able to press a print...

Marquee in javascript

The Marquee Element has been deprecated by the W3C and is commonly ill-advised but nevertheless, if you really want to do it, then javascript is the w...

Sending an email in Java

Sending an email in Java is actually quite simple, as always, there is an API that will do most of the work for you and it becomes just a matter of im...

Opacity in Firefox 3.5

If you've upgraded to Firefox 3.5 and you've been using -moz-opacity in your CSS, then you will see that the transparency or opacity (depending on ho...

Installing Tomcat on Linux in a few minutes

Installing tomcat is actually very quick and easy. Assuming you already have the JDK installed, this will only take a few minutes. In my years of exp...

Opacity in Firefox 3.5

Matt Castonguay, 18 August at 12:11PM

If you've upgraded to Firefox 3.5 and you've been using -moz-opacity in your CSS, then you will see that the transparency or opacity (depending on how you look at it) is no longer taking effect. But don't worry, we have an explanation and a fix for you!

The reason behind this is that the official CSS3 property is called opacity. Firefox has been supporting this for a while and it is now the only way to get transparency/opacity with Firefox. The -moz-opacity property was vendor specific and not part of the standard and therefore it was deprecated in Firefox since the early versions.

After supporing the deprecated -moz-opacity property for years, the Firefox team has decided to remove it completly. The value for the property is still the same, ranging from 0 to 1 and a simple "find and replace" of -moz-opacity to opacity will fix this issue.

If you want more information on opacity, this article has plenty of great examples:

Css3 opacity: transparency of an element in css

Category: CSS

Tags: opacity, firefox

Random Tags

modproxy offsetleft weakhashmap firefox xsl:if min-height apply-templates hashmap uniques offsetleft offsettop bash textarea xsl:import mode optimization custom css print tinymce proxypass apache css classes url mapping javamail ie6 clear tomcat wysiwyg ant template apache offsettop xml hashmap tinymce email function opacity position library