CSS GUIDE -MOZ-OPACITY

This document is a work in progress and is subject to change.

Summary

• Firefox allows you to use coding to manipulate the opacity of an image.
• "Opacity" refers to transparency; the lesser the opacity of an image, the more transparent it is.

Applicability:	The background-repeat property can be used for all CSS elements.
Media Group:	Visual
Inherited:	No

Syntax

We use CSS to define the initial degree of opacity in Firefox:

<IMG style="-moz-opacity:0.5" src="test.gif">

Valid range of values for -moz.opacity is from 0 to 1, where lesser equates to more transparency.

Usage

• Quick opacity change onMouseover:

<IMG style="-moz-opacity:0.6" src="alta.gif" onMouseover="this.style.MozOpacity=1" onMouseout="this.style.MozOpacity=0.6">

Mozilla Recommended Values

MDC document on -moz-opacity

Notes

The World Wide Web Consortium (W3C) provides a free online CSS validation service.

Specification Conformance

• CSS 1
• CSS 2
• CSS 3 (specification not yet published)

Browser Compatibility

• Internet Explorer
• Firefox
• Opera