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

Revision as of 18:57, 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.

The following units are valid for defining background-repeat:

@@ Line 18: / Line 18: @@
 == Syntax ==
-If a background image is specified, this property specifies whether the image is repeated (tiled), and how. All tiling covers the content and padding areas of a box. A value of 'repeat' means that the image is repeated both horizontally and vertically. The 'repeat-x' ('repeat-y') value makes the image repeat horizontally (vertically), to create a single band of images from one side to the other. With a value of 'no-repeat', the image is not repeated.:
+We use CSS to define the initial degree of opacity in Firefox:
 <pre>
-BODY {
+<IMG style="-moz-opacity:0.5" src="test.gif">
-  background: white url("pendant.gif");
-  background-repeat: repeat-y;
-  background-position: center;
-}
 </pre>
+Valid range of values for -moz.opacity is from 0 to 1, where lesser equates to more transparency.
 == Legal Values ==