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

From CDOT Wiki
Jump to: navigation, search
(Mozilla Recommended Values)
(Specification Conformance)
Line 39: Line 39:
 
The [http://www.w3.org World Wide Web Consortium (W3C)] provides a free online [http://jigsaw.w3.org/css-validator/ CSS validation service].
 
The [http://www.w3.org World Wide Web Consortium (W3C)] provides a free online [http://jigsaw.w3.org/css-validator/ CSS validation service].
  
== Specification Conformance  ==
+
 
*[http://www.w3.org/TR/REC-CSS1#background-repeat CSS 1 ]
 
*[http://www.w3.org/TR/REC-CSS2/colors.html CSS 2]
 
*CSS 3 (specification not yet published)
 
  
 
== Browser Compatibility ==
 
== Browser Compatibility ==

Revision as of 19:01, 14 December 2006

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.


Browser Compatibility

  • Internet Explorer
  • Firefox
  • Opera