你说的这个需要提到CSS3支持的颜色表达RGBA
之前所有的不管是16进制颜色还是RGB都是全色没有透明通道
RGBA是RGB的升级，指Red,Green,Blue,Alpha（透明度），比如设置背景色：
<div class=test>hahaha</div>
给CSS加进去样式表
<style>
divtest{
padding:20px;
margin:10opx;
background-color:rgba(10%,20%,30%,03);//红绿蓝颜色配比，不透明度30%
}
</style>
这就是了，其他的支持#16进制的地方基本上也都可以换上这个表示。
兼容性我不太清楚，你可以到w3school上查找浏览器兼容信息。
1、首先新建一个记事文本，重新命名背景颜色html，按回车确认，如下图所示。
2、回到桌面选中新创建的背景颜色html文件，右键选择记事本打开，然后在记事本中手动输入图中代码，这是一个标准的html头尾格式。
3、在<body>中添加代码：bgcolor="#000000"，保存。
4、这时在桌面打开背景颜色html，打开页面显示为黑色背景，如下图所示就完成了。
方法一：把文字放在<div class="bodystyle"> </div>里面，但因为opacity属性会被继承，会导致你的文字也会透明，所以要在文字的CSS样式里面声明opacity:1;把它变得不透明；方法二：在bodystyle里面加上z-index:1;然后把你需要的文字放在一个新的div里面
<div style="position:absolute; z-index:2;" > <div>
额外介绍一下z-index属性：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。值越高会放在越前面。这个属性起作用的前提是元素要脱离文档流进行绝对定位，也就是要声明position:absolute;
任意标签：比如<input>
<!DOCTYPE html>
<html>
<head>
<title>透明文本框</title>
<style type="text/css">
input {
filter: alpha(Opacity=80);
-moz-opacity: 05;
opacity: 05;
}
</style>
</head>
<body>
<input value='三生三世十里桃花'> </body>
</html>
即可实现透明文本框，filter: alpha(Opacity=80);-moz-opacity: 05;opacity: 05;
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）