The opacity attribute is used to set the opacity level of an element. Through this attribute, we can set the transparency of images, text, box models, etc.

CSS3 opacity attribute

Function:Retrieve or set the opacity of the object transparency.

Syntax:

opacity: value|inherit;

value: Specifies opacity. From 0.0 (fully transparent) to 1.0 (fully opaque).

inherit: The value of the opacity attribute should be inherited from the parent element.

Note:For IE browsers that do not yet support the opacity attribute, you can use IE's private filter attributes to achieve the same effect as opacity.

CSS3 opacity property usage example

##Example 1:

      
  
下例是一个半透明的效果：
 
不透明度为100%的box
 
不透明度为50%的box
  

#Example 2: Using JavaScript to change the opacity of an element.

      
  
请从下面的例子中选择一个值，以改变此元素的不透明度。
 
  0 0.2 0.5 0.8 1  

The above is the detailed content of How to use the opacity attribute. For more information, please follow other related articles on the PHP Chinese website!