Difference between revisions of "CSS GUIDE -MOZ-OPACITY"

Revision as of 18:59, 14 December 2006

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

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

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.

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

@@ Line 26: / Line 26: @@
 Valid range of values for -moz.opacity is from 0 to 1, where lesser equates to more transparency.
-== Legal Values ==
+== Usage ==
-The following units are valid for defining background-repeat:
-*repeat
-**The image is repeated both horizontally and vertically.
-*repeat-x
-**The image is repeated horizontally only.
-*repeat-y
-**The image is repeated vertically only.
-*no-repeat
-**The image is not repeated: only one copy of the image is drawn.
+*Quick opacity change onMouseover:
+<pre>
+<IMG style="-moz-opacity:0.6" src="alta.gif" onMouseover="this.style.MozOpacity=1" onMouseout="this.style.MozOpacity=0.6">
+</pre>
 == Mozilla Recommended Values ==