1、准备好初始化的代码
<html>
<head>
<meta charset="utf-8"/>
<style>
</style>
</head>
<body>
<div></div>
</body>
</html>
2、初始化样式
div{
border:1px red solid;
width:800px;
height:800px;
background-color:blue;
}
3、运行结果为
4、设置背景颜色半透明的样式代码background-color:rgba(0,0,255,0.5);
5、运行结果为
透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。
注意：设置背景颜色时哪里应该写成rgba。
一、首先HTML布局：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css设置前景色透明</title>
</head>
<body>
<div class="box">我是一段文字</div>
</body>
</html>
二、没有加CSS的样式的效果显示：
三、加CSS样式的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css设置前景色透明</title>
<style type="text/css">
.box {
width: 700px;
height: 350px;
margin: 0 auto;
color: white;
background-color: orange;
/*color: orange; 这个方式从视觉上是透明了的，原理就是把文字颜色设置成与背景颜色一样 有局限性 双击看得到文字 */
color: transparent; /*根上面方法一样 双击看得到文字 比上面好 推荐*/
}
</style>
</head>
<body>
<div class="box">我是一段文字</div>
</body>
</html>
在开发工具里面的截图：
四、加了CSS样式的效果图：
filter：alpha（opacity=opcity，finishopacity=finishopacity，
style=style，startX=startX，startY=startY，finishX=finishX，
finishY=finishY）
哇，怎么这么长。是啊，不过这些参数都各有其用。
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。
Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。
实现上面这种效果的代码如下：
<html>
<head>
<title>alpha</title>
<style>//*定义CSS样式*//
<!--
div{position：absolute； left：50；top：70； width：150； }
//*定义DIV区域内的样式（位置为绝对定位，left、top、width的坐标）*//
img{position：absolute；top：20；left：40；
filter：alpha(opacity=80)}
//*定义图片的样式，绝对定位，滤镜属性是透明度为80*//
-->
</style>
</head>
<body>
<div>
<p style=“font-size：48；font-weight：bold；color：red；”>
Beautiful </p>//*定义字体属性，前景色为红色*//
</div>
<p><img src=“ss01076.jpg”> </p>
//*导入一张图片*//
</body>
</html>
filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
举个例子：
通过ie6 ie7 ie8 ff3 opera 谷歌 safari测试
#test{
background-color:#0000CC;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
width:100px;
height:100px;}
但是还是会有很多问题，浏览器兼容性问题，等
而且IE滤镜的频繁使用会使浏览器的执行效率降低。
所以不提倡过多使用。
也还有其他方法可以模拟，比如用宽高都是1px的透明png图片覆盖等等。
/**************************************************/
LZ自己举一反三啊，前景色不就是color么
#test{
background-color:#000}
#test span{
color:#fff;
zoom:1 /*触发IE下块级元素*/
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
<div id="test"><span>前景色透明度</span></div>
LZ看看“前景色透明度”这几个字是不是纯白色，还是白色的50%透明。本回答被提问者采纳
<div class="box"></div>
<style>
.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3; -moz-opacity:0.3;-khtml-opacity: 0.3}
</style>
其中background:#000; filter:alpha(opacity:30); opacity:0.3;为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。
其关的属性介绍如下:
opacity: 0.3；这是“最重要的”，因为它是在CSS的现行标准。这将在Firefox，Safari和Opera的大多数版本的工作。这将是所需要的一切如果所有的浏览器都支持目前的标准。
filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
css中,如何设置前景色的透明度?
透明原理：把背景颜色设置为rgb的方式，然后再加一个透明度就可以设置为半透明了。注意：设置背景颜色时哪里应该写成rgba。
css定义颜色的方法(css中的颜色的表示方法)
1.在css页面中，设置字体的颜色通过下面的代码：2.字体的color值，一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。如下图：3.color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。css还可以设置字体的其他属性，如font-familay可...
css3背景透明渐变?
CSS3都有哪些新特性呢？第1选择器 第2RGBA和透明度 第3多栏布局 第4多背景图 第5WordWrap 第6文字阴影 第7@font-face属性 第8圆角(边框半径)第9边框图片 第10盒阴影 第11盒子大小 第12媒体查询 第13语音
字体前景色是什么意思
在网页设计中，选择恰当的字体前景色是至关重要的一步。如果选择不当，可能会导致网页难以阅读，甚至影响用户体验。一般来说，浅色背景下使用深色字体前景色，深色背景下使用浅色字体前景色，能够达到更好的阅读效果。此外，需要注意的是，字体前景色的设置应该与背景色相协调，避免过于突兀或相互干扰。总的...
html css 还是PS 做出来这样的效果,蒙了一层有色玻璃一样
遮罩层效果。。。在图片上添加了个层，然后把背景色设置成透明。。。大致就这样。。。test{ background-color:#000} test span{ color:#fff;zoom:1 \/*触发IE下块级元素*\/ filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} 前景色透明度 ...
css怎样设置前景颜色
CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六进制 FF）。十六进制值使用三个双位数来编写，并以 # 符号开头。颜色 颜色 HEX 颜色 RGB 000000 rgb(0,0,0)FF0000 rgb(255,0,0)00FF0...
1、在CSS样式表中,如何将div的前景色设置为红色?
UTF-8">Documentdiv{background: red;height: 30px;} 请采纳
常用的CSS属性。
1、首先新建一个 常用的css属性.html 文件，如图所示。2、输入HTML5的结构代码，将title标签里面的内容修改成：常用的css属性，如图所示。3、color：设置文字颜色（前景色），如图所示。4、font-size：设置文字大小【px】，如图所示。5、font-family：设置字体，比如：微软雅黑， 黑体，宋体，仿宋体等等...
html中text-color和color的区别?
前景色与背景色 在css中的前景色和背景色的应用就是color和background-color两个属性,其中color属性表示前景色,background-color属性表示背景色。前景色 css中的color属性不仅仅表示前景色,更多表示为HTML元素的文本内容颜色。text-color属性会更准确定位元素文本颜色。在开发过程中最常使用的是color。
求css代码中控制字体的颜色的方法
CSS中控制文字颜色的属性是color。为不同元素设置文本颜色：body{ color:red; }h1{ color:#00ff00; }p{ color:rgb(0,0,255); }color 属性规定文本的颜色。这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元...
