css怎么设置图片透明

 时间:2024-11-01 20:10:17

1、第一步,我们打开编辑器,然后创建一个html文件,详细如下图

css怎么设置图片透明

2、第二步,我们在html文件上新建图片标签,为了做对比,我们引入2张一样的图片,详细代码如下图

css怎么设置图片透明

3、第三步,我们把html放入到浏览器中然后查看效果,详细如下图

css怎么设置图片透明

4、第四步,在css中opacity属性能实现透明的效果,opacity的值为0-1,0代表完锾哩菸谷全透明,1完全显示,我们可以设置中间值来做对比效果,我们给图片2添加透明属性,详细代码如下图

css怎么设置图片透明

5、第五步,我们编写好代码以后,刷新一下浏览器,然后就发现图片和原来对比有点透明了,详细如下图

css怎么设置图片透明
  • 如何用jquery实现鼠标点击加号文本框内数字加1
  • 王者荣耀赛季结束后会给玩家发放什么奖励呢?
  • 王者荣耀马超怎么购买
  • 王者荣耀云端活动如何获取SNK英雄
  • 基于端口划分VLAN实例
  • 热门搜索
    驴妈妈旅游网优惠券 旅游互联网 长白山冬季旅游攻略 度蜜月旅游攻略 江西明月山旅游攻略 贵阳的旅游景点 金坛旅游网 西昌旅游集散服务中心 旅游景区规划 山东旅游景点大全排名