在一些网站的登录页面上 ， 经常可以发现 ， 一张图片叠加在另一张图片上 ， 底层的图片若隐若现 ， 利用css中的透明属性opacity可以实现这种效果 ， 下面就简单介绍一下怎么写代码操作方式 01 新建一个HTML文件 ， 下载两张图片 ， 如下图 ， 放在一个文件夹中 ， 避免呈现路径问题
文章插图
02 代码示例如下 ， 本家儿要操纵css伪元素::before ， F_box为前置层 ， 浮于布景上方
文章插图
03 下面简单分化下代码 ， 分为1 ， 2 ， 3 ， 第一部门 ， 设置布景图片001.jpg；第三部门 ， 固定前置层图片002.jpg的位置；第二部门 ， 操纵伪元素：：before ， 设置属性opacity来调节透明度 ， 取值为0-1 ， 0是全透明 ， 即看不见的结果 ， 1是全不透明
文章插图
04 【css透明度，css图片透明度设置方法】代码示例中 ， 设置opacity为0.5 ， 半透明状况 ， 现实页面结果如下
文章插图
以上内容就是css透明度 ， css图片透明度设置方法的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 手机怎么让图片变高清
- 抖音图片怎么保存
- 图片无法预览怎么办
- flash将图片导入到库的方法
- 格式工厂怎么把图片做成视频
- 怎么将图片尺寸改为1280*720
- 如何判断图片是原创的
- 魔兽世界怀旧服大脚插件如何更改动作条透明度
- 二年级中秋节手抄报图片 中秋节的手抄报怎么画
- 虫子吃法大全图片