前言
最近做一个登陆界面的，突然想使用这种背景图片透明，而内容不透明的效果，这里我就说一说我的两个思路吧。
效果展示
半透明
不透明
常见的失败做法
最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。
还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。
正确姿势
我想到两个方法，第一个就是利用伪元素::before,我们通过给伪元素添加背景并且将伪元素的设置伪元素的背景透明度来实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta cha
2023-03-08 21:16:57
194KB
1
三合一有关css的帮助文档，Html - Css - Javascript - The Web Programmer's Desk Reference.chm + w3school.chm + css.chm
2023-03-06 21:47:48
10.22MB
1
作品介绍：HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
2023-03-06 19:43:50
17KB
1
前端-标准的企业网站详情页布局，有用到前端的html+css+js的知识，源码拿来就可以直接用，只需要替换一下图片和文字内容就可以变成自己的东西了
2023-03-06 18:57:13
69KB
1
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作）
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载!
【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog
2023-03-06 18:49:54
75KB
1
常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的个人网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。
临近期末，大一新生的各种考试和专业结课作业纷至沓来。什么高数啊、线代啊、C语言、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说
用DIV+CSS技术设计的个人网页 HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面
2023-03-06 18:33:50
1.14MB
1
主要是讲HTML+CSS 就是网页最基础的两个东西。HTML是布局，主要是说明网页中各个地方都有啥。CSS是款式，主要说明那个东西长啥样。
2023-03-06 11:29:09
49.5MB
1
这个系统适用于高校奖助学金的评定工作，减轻了高校老师的评定工作，代替了纸质版的繁琐申请流程。奖助学金管理工作是高校学生管理工作的重要组成部分。高校为鼓励学生在校期间刻苦学习，设立了多种奖助学金，同时为了做好奖学金的评审与管理工作，投入量大量的人力、物力和财力。奖助学金评定工作每年都要开展，传统的评审工作主要是纸质申请文件提交审核，用电脑录入信息打印，存在着效率低下、容易出错等弊端。为解决奖助学金申请流程繁琐，周期长，效率低的问题。特此开发本系统，本系统实现了奖助学金管理的自动化，规范化，避免了人工管理的不规范性和随意性。同时，该系统满足了用户基本需求，可以实现对奖助学金进行申请评定等功能。奖助学金评定系统拟采用Java EE进行开发，是基于B/S结构设计的系统。页面部分拟使用JavaScript、HTML和CSS进行实现，使用Java语言进行功能的实现以及页面之间的跳转，使用MySQL数据库实现数据的存储和管理，使用主流SSM框架进行开发。
2023-03-03 20:17:27
76.11MB
1