css透明度
关注：64 发布时间：2021-09-20 16:52:02
导语本文整理了css透明度经验知识，帮助您全面了解，小白也能成为高手，跟随小编一起来看一看吧！
在一些网站的登录页面上，经常可以发现一张图叠加在另一张图上，底层的画面若隐若现。这种效果可以通过在css中使用透明属性不透明来实现。下面简单介绍一下怎么写代码。
详细介绍方法/步骤
创建一个新的html文件，两张图片，如下所示，放在一个文件夹中，避免路径问题
代码示例如下，主要使用css伪元素：before，f_box作为前层，浮动在背景之上
下面简单的分解代码，分为1、2、3部分，第一部分，设置背景图片001.jpg；第三部分，确定前层图像002.jpg的位置；在第二部分中，使用伪元素：before，设置属性不透明度来调整透明度。该值为0-1，其中0表示完全透明，即不可见效果，1表示完全不透明
代码示例，不透明度设置为0.5，实际页面效果如下
上一篇：ps4耳机怎么用
下一篇：怎么使用ps制作动态表情图片
猜你喜欢
热门it技术经验
-
1054位用户关注
-
974位用户关注
-
745位用户关注
-
740位用户关注
-
604位用户关注
-
595位用户关注