当前位置:首页 > 经验 > 数码摄影 > it技术

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,实际页面效果如下

猜你喜欢

  • 微信小程序怎么取消授权

    微信小程序怎么取消授权24人喜欢

    今天小编想和大家分享一下如何取消微信小程序的授权,希望能帮到你。详细介绍方法/步骤首先点击微信中的小程序。然后点击我们想要取消授权的小程序。,然后点击屏幕右上角的三个点。。然后点击关于…

    更新时间:2021-09-24 07:01:44

  • ps里怎么新建画布

    ps里怎么新建画布77人喜欢

    ps是大家日常工作中经常用到的软件。今天我就来讲解一下如何在ps中建立新的画布。详细介绍方法/步骤打开ps软件,进入首页,如图。点击左侧的“新建”,打开新建对话框,如图。在新对话框中设置画布的长…

    更新时间:2021-06-27 15:29:27

  • 微信游戏直播怎么开播

    微信游戏直播怎么开播44人喜欢

    1.微信可以玩实时游戏。在微信移动客户端中,找到发现菜单,然后在游戏菜单中点击live,即可完成微信游戏的直播。2.首先,在手机桌面点击微信。3.然后,进入微信界面,点击发现进入。4.然后,进入发现界面,点击…

    更新时间:2022-01-23 18:53:10

  • 抖音怎么参加免费领电影票

    抖音怎么参加免费领电影票41人喜欢

    1.首先进入团聚家乡活动页面,下滑至【贺岁电影免费观看】项目,点击立即参与;2.在免费电影票界面选择【邀请好友】呼叫好友一起领取电影票;3.复制密码给好友打电话,分享给微信qq,私人好友或面对面;4.与朋…

    更新时间:2021-12-12 18:49:02

  • word小写变大写怎么弄

    word小写变大写怎么弄84人喜欢

    需要准备的物品消息详细介绍方法/步骤打开word,在屏幕上输入几个字母,然后选择它们。单击菜单栏中的“开始”。找到“字体”。在字体中找到“aa”,然后点击它。你可以看到有很多选项,可以根据自己的…

    更新时间:2021-10-10 20:50:04

  • win10重置系统后键盘用不了

    win10重置系统后键盘用不了33人喜欢

    1.按快捷键[win r]打开并运行2.在操作输入框中输入控制,然后单击确定3.打开控制面板后,点击里面的[键盘]4.单击键盘属性页上的[硬件]5.在设备列表中选择键盘设备,然后单击下面的[属性]6.在键盘属性…

    更新时间:2021-12-28 10:57:03

  • 怎么使用pgadmin建立数据表

    怎么使用pgadmin建立数据表28人喜欢

    当我们使用pgadmin管理数据库时,我们首先需要创建一个新的数据表。那么如何使用pgadmin创建数据表呢?以下小系列将与大家分享。需要准备的物品pgadmin详细介绍方法/步骤首先,我们打开pgadmin软件,点…

    更新时间:2021-10-21 10:57:01

  • excel中表格标题格式的设置方法

    excel中表格标题格式的设置方法78人喜欢

    详细介绍方法/步骤打开excel电子表格文件选择要设置的excel标题选择标题,右键单击它,然后选择“设置单元格格式”将有选项来设置各种格式。小编想改变这张桌子的标题颜色选择您要更改的颜色,单击“…

    更新时间:2021-10-05 19:46:22

  • qq直播能看到观众吗

    qq直播能看到观众吗36人喜欢

    1.在qq空间的直播中,主持人看不到观众的视频,但主持人可以看到谁在直播室,以及观众发布的文字互动。2.目前直播多用于网播。随着自媒体和网络名人经济的快速发展,直播已经成为网络名人带货和自媒体人…

    更新时间:2022-02-06 12:55:08

  • 怎么使用spss软件生成序列图

    怎么使用spss软件生成序列图59人喜欢

    序列图可以帮助我们检查数据是否存在周期性波动,那么如何在spss数据分析软件中生成序列图呢?以下小系列将与大家分享。需要准备的物品附加电源装置(supplementary power supply set的缩写)详细介…

    更新时间:2021-08-13 16:52:01

  • win10以太网ipv6无网络访问权限

    win10以太网ipv6无网络访问权限57人喜欢

    1.解决步骤:网络故障排除自动修复;点击桌面右下角的网络图标,选择“网络和互联网设置”;点击“以太网-网络和共享中心”,进入“网络和共享中心”;单击“问题和故障排除”修复网络适配器和互联网连接。2…

    更新时间:2021-12-26 08:59:01

  • 计算机应用技术介绍

    计算机应用技术介绍80人喜欢

    计算机应用技术介绍培训目标:计算机应用技术专业是为适应企事业单位计算机技术发展和应用的需要而培养的。他们具有扎实的计算机基础知识、计算机专业知识、较强的计算机办公自动化、数据库等常用…

    更新时间:2021-10-03 07:01:31