You are here: Reference > CSS > properties > browser specific extensions > -moz-opacity

-moz-opacity property

Browser support:
Sets the opacity level. 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.
JavaScript page for this property: MozOpacity. You can find other example(s) there.

Possible values:

 One of the following values: 
inherit
Takes the value of this property from the computed style of the parent element.
opacity (floating-point [0-1])
Floating-point number [0-1] .
Default: 1.

Example HTML code 1:

This example illustrates the use of the -moz-opacity property:
<head>
    <style>
        .example {
            -moz-opacity: 0.5;
        }
    </style>
</head>
<body>
    <a class="example">This text has -moz-opacity: 0.5</a>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content