广告位招租 qq245909083

CSS如何设置背景颜色透明度

分享时间:2020-04-10 62 热度℃
建网站时,我们通过background属性设置背景颜色,默认情况下背景颜色的透明度为0。我们可以通过CSS代码来控制背景的透明度。

控制背景透明度的属性是:filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;

设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度

举例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>背景透明度</title>
  6. <style>
  7. .demo{
  8.   padding: 25px;
  9.   background-color:#000000;
  10.   filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
  11. }
  12. .demo p{
  13.     color: #FFFFFF;
  14. }
  15. </style>
  16. </head>
  17. <body>   

  18. <div class="demo">
  19.     <p>背景透明,文字也透明</p>
  20. </div>
  21. </body>
复制代码
返回顶部