1、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。
2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff;）。
3、然后添加一个透明度的代码（opacity:0.6）,保存后预览下效果，背景已经实现透明了，但是文字也透明了。
4、熟悉PS的同学应该都知道，在图层的上方，有个不透明度，把PS中图层不透明度设置为60%，就和网页中的效果一样了，他们是一个数值。
5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。
6、保存后看下效果，已经变成了背景透明，文字不透明啦。
7、其中255,255,255就是PS中的拾色器里的数值啦。
8、0.6同第一种方式是一个含义。
背景使用rgba的方式，然后使用滤镜兼容一些令人反感的浏览器，比如IE
<html>
<head>
<title>rgba的兼容样式</title>
<style type="text/css" rel="stylesheet">
* { margin:0px;padding:0px;border:0px;font-family:'Microsoft YaHei','PingFang SC';font-size:12px;color:#333;}
.d_rgba { width:200px;height:200px;color:#fff;background-color:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);}
</style>
</head>
<body>
<div class="d_rgba">
这个过程中需要考虑到div中的元素的透明度不能改变
</div>
<p>
//一般的高级浏览器都支持
background: rgba(255,255,255,0.1);
</p>
<p>
//IE8下
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
</p>
<p>
第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。
这个颜色“#19ffffff”是由两部分组成的。
第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如运行截图所示。
第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff；就是白色。
</p>
</body>
</html>
如果背景是单色的，可不用css的透明属性（即opacity），而是使用透明色（利用rgba函数），比如：
如果背景是图片，则可以把背景和文字分别做成两个兄弟关系（而不是父子关系）的层，然后把背景层做成透明，再把文字层覆盖在背景层上即可，比如：
<div style="position:relative"><div style="position:absolute; background:url(图片网址自己改) no-repeat; height:40px; width:300px; opacity:0.5"></div>
<div style="position:absolute">背景是透明度0.5的图片，文字不透明</div>
</div>本回答被网友采纳
css实现背景透明而文字不透明
实现透明背景和不透明文字，通常有三种方法：CSS3的`opacity`属性、`rgba`颜色值和IE专属的`filter:Alpha`滤镜。`opacity`属性可调整元素的不透明度，兼容性方面，IE6、7、8不支持，而IE9及以上和其他标准浏览器支持。然而，使用`opacity`设置元素不透明度时，其所有后代元素也会随之具有透明度，通常用于...
CSS背景色透明但内容不透明怎么实现?
方法一：用rgba值设置背景 现在ps里面看下我们的背景颜色的rgb值是多少。然后background:rgba(39,60,125,0.5);前三个数字为我们在ps里面看到的rgb值，最后一个数字是透明的色值，为0-1之间的数值，数字越大，越不透明，0为完全透明，1为完全不透明。 设置之后可以看到，背景色变成了半透明的效果...
css怎么可以只让背景透明 文字不透明
1、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff;）。3、然后添加一个透明度的代码（opacity:0.6）,保存后预览下效果，背景已经实现透明了，但是文字也透明了。4、熟悉PS的同学应该都知...
CSS怎么设置让背景颜色透明,而文字不透明
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。2、在index.html中的标签中，对“article”添加样式：opacity: 0.5;，对“article p”添加样式：opacity: 1;。3、浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。
怎么让背景色透明文字不透明 css
background-color:rgba(212,0,0,0.2);RGB：Red Green Bule （212, 0, 0 ）以及三色的值混合.最后一个参数.0.2 则是指的透明度，1为100% 不透明。如果0.2改为0则完全透明
背景透明,文字不透明的兼容处理
使用后，整个模块会呈现透明效果，无法达到背景透明文字不透明的预期。css3的rgba兼容性：IE6、7、8不支持，IE9及以上版本和标准浏览器支持。使用说明：用于设置颜色的透明度，适用于任何需要设置颜色的场景。通过设置透明度，可以实现特定效果。然而，IE6、7、8在设置rgba时会错误显示，识别不准确。为了...
html-css 中如何让一个DIV的背景色是透明的,但它的内容(文字图片之类...
html-css 中让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0；代码如下： 我是测试文字 div{ widht:220px;height:300px;} div1{ background:#fff...
css如何设置透明度?设置透明度的两种方法(代码实例)
1. 使用rgba()函数RGBA函数允许你设置颜色的透明度，其语法是rgba(R,G,B,A)。其中R、G、B分别代表红色、绿色和蓝色的值，范围0-255；A为透明度，0代表完全透明，1代表完全不透明。例如：背景半透明（demo2）：rgba(255,0,0,0.5)，文字保持不透明。 对比实例：demo1完全覆盖demo，demo2部分...
JS实现背景透明度可变,文字不透明的效果
最近项目里需要实现这么个功能，类似网游中的聊天框，背景都是透明的，但是文字是不透明。所以如果简单的使用opacity(非IE)和alpha滤镜(IE)是无法实现这个效果的，会造成全部透明。解决办法如下：1.实现完全透明：设置background为transparent即可，两个浏览器通用2.实现透明度可调节：要求改透明度，这里IE和...
css怎样仅设置div元素背景透明度,而不设置div元素里面元素的透明度...
显示文字 文字元素的透明度也会是0.4。于是想一想，如果有方法只改变背景的透明度就能解决此问题了。方法1：使用一张透明的图片做背景可以达成效果，但是有没有更简单的方法呢？方法2：使用RGBA。例如： 显示文字
