css透明度opacity:值

[复制链接]
查看2191 | 回复0 | 2020-7-23 14:16 | 显示全部楼层 |阅读模式
透明度
语法:opacity:值
取值:0-1之间的小数
代码案例:
  1. <head>
  2.         <meta charset="utf-8" />
  3.         <title></title>
  4.         <style type="text/css">
  5.                 .box{
  6.                         width:200px;
  7.                         height:100px;
  8.                         border:1px solid #000;
  9.                         position:relative;
  10.                 }
  11.                 img{
  12.                         position:absolute;
  13.                         left:0;top:0;
  14.                         opacity:0.5;
  15.                 }
  16.         </style>
  17. </head>
  18. <body>
  19.         <div class="box">
  20.                 <img src="1.png" width="200" height="100" />
  21.                 这是一张图片
  22.         </div>
  23. </body>
复制代码
网站建设中经常会用到这个属性。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-26