使用CSS设置背景色的不透明度

要设置背景色的不透明度,请使用不透明度属性和RGBA颜色值。

示例

您可以尝试运行以下代码来实现opacity属性:

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background: rgb(40, 135, 70);
            padding: 20px;
         }
         div.first {
            background: rgba(40, 135, 70, 0.2);
         }
         div.second {
            background: rgba(40, 135, 70, 0.6);
         }
      </style>
   </head>
   <body>
      <p>RGBA color values</p>
      <div class = "first"><p>20% opacity</p></div>
      <div class = "second"><p>60% opacity</p></div>
      <div><p>Default Opacity</p></div>
   </body>
</html>