前言
最近做一个登陆界面的，突然想使用这种背景图片透明，而内容不透明的效果，这里我就说一说我的两个思路吧。
效果展示
半透明
不透明
常见的失败做法
最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。
还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。
正确姿势
我想到两个方法，第一个就是利用伪元素::before,我们通过给伪元素添加背景并且将伪元素的设置伪元素的背景透明度来实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta cha
2023-03-08 21:16:57
194KB
1
非常方便的PS去白色背景插件 ELIMWHIT.8BF
如果photoshop CS3 少文件，可以把MSVCRT10.DLL拷贝到x:\windowx\system32 目录下面！
2023-03-07 08:32:00
91KB
1
今天小编就为大家分享一篇关于易语言编辑框加背景图片代码实例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2023-03-03 17:11:28
66KB
1
修改方式为将此文件中某个你喜欢的背景文件，放在Keil uVision5文件所在位置下，替换即可。详细步骤可以在公众号：《物联网知识》下观看，或者看我的博客也有介绍。
2023-03-03 11:48:02
147KB
1
js代码
[removed]
function switchbox(a) {
a == 1 ? $(".slide.slide3 .arrowcontainer").show() : $(".slide.slide3 .arrowcontainer").hide(),
$(".slide.slide3").removeClass("s1").removeClass("s2").removeClass("s3").removeClass("s4").removeClass("s5"),
$(".slide.slide3").addClass("s" a),
$(".slide.slide3 .img" a).addClass("selected"),
$(".slide.slide3 .content").hide(),
$(".slide.slide3 .content.content" a).show(),
$(".slide.slide3 .bgimg").remove()
}
[removed]
这是一款简单实用的jQuery点击按钮切换网页背景图片代码，背景图片跟按钮风格随便换。
2023-03-03 07:47:51
673KB
1
HTML5 CSS3实现炫丽的落叶飘飞的网页背景动画，有一种森林的纵深感，树叶大小不一、远近不同、路径不同，形成一种很自然的落叶飘飞效果。核心基于HTML5中的Canvas技术，在测试时，IE就不用提了，最好是使用Google 的chrome浏览器效果最好，具体代码文件请下载源码包，运行界面如截图所示。
2023-02-27 22:39:16
9KB
1
8款炫酷HTML5 Canvas星空背景动画 8款炫酷HTML5 Canvas星空背景动画 8款炫酷HTML5 Canvas星空背景动画
2023-02-27 17:32:36
126KB
1