1. Computing & Technology

Discuss in my forum

opacity

By , About.com Guide

opacity Description:

The opacity property defines how transparent the object on the screen should be to objects below it.

opacity in CSS Versions:

opacity Syntax:

opacity: <alphavalue> | inherit

  • <alphavalue>
    A number from 0.0 (fully transparent) to 1.0 (fully opaque).
  • inherit
    The element should have the same opacity setting as the parent.

opacity Initial Value:

1.0

opacity Applies To:

All elements.

opacity Inheritance:

This property is not inherited.

opacity Browser Support:

opacity media type:

  • Visual

opacity Examples:

Standard opacity property

<p style="background-color:#f30;opacity : 0.5;">
 This paragraph is blue with an opacity of 0.5.
 </p>

opacity Special Notes:

  • This style is not supported by non-Mozilla browsers.

More opacity Information

Return to the Style Library

©2012 About.com. All rights reserved.

A part of The New York Times Company.