# Property Description

The -moz-opacity property specifies the opacity level of the element.

Note: For a cross-browser solution, use the opacity property in Firefox, Google Chrome, Safari and Opera, and the filter property ('`filter:Alpha(opacity=50)`') in Internet Explorer.

This property has the following syntax:

    -moz-opacity:value

# Property Values

Value | Description
--- | ---
opacity | A floating point number from 0 - 1 indicating the opacity of the element
inherit | Specifies that the value of the property should be inherited from the parent element

# Examples

The following example shows the basic use of this property:

    <div style="
      -moz-opacity:0.25;
      opacity:0.25;
    ">
    This text has opacity = 0.25
    </div>

    <div style="
      -moz-opacity:0.75;
      opacity:0.75;
    ">
    This text has opacity = 0.75
    </div>

This produces the following result:

This text has opacity = 0.25
This text has opacity = 0.75

# Browser Support

Firefox | IE | Chrome | Opera | Safari

# Miscellaneous Information

Inherited: | No
Defined In: | Mozilla Specific
Initial Value: | 1
Applies To: | All elements