css div 实现一个小层的背景是半透明的，但上面的文字是不透明的？

如题所述

第1个回答推荐于2016-03-17

两种方法第一种切png图片第二种用定位
<div style=" position:relative;">
<p class="bg" style="fliter:alpha(opacity=40); opacity:0.4; background:#333;"></p>
<p class="text" style="position:absolute;top:0px; height:0px;">这里放文字</p>
</div>本回答被网友采纳

第2个回答 2012-05-03

1. 用css属性设置： opacity: 0.5; 设置层的不透明度为50% ，
0.1~1 对应不透明度从10%到100%
2.用一个1px大小的不透明图片平铺在该图层

第3个回答 2012-05-05

你如果找不到解决方法的话，就用两个DIV层来做这个效果。
我是这样做的。

第4个回答 2012-05-02

图层的背景是透明的话，让毕竟图片是透明的

第5个回答 2012-05-03

直接用png 的图片方便省事

相似回答

怎么让div透明,上面的文字不透明?答：设置div透明度的时候可能会遇到这样一个问题，那就是对象中的文字也被产生了透明现象，也不能说事缺陷，也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果，但是文字不透。rgba(),css3里才有的，所有只有支持css3的浏览器才支持，a是指透明度，取值0.0-1。如果用opacity就感觉文字...

css怎么可以只让背景透明 文字不透明答：1、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff;）。3、然后添加一个透明度的代码（opacity:0.6）,保存后预览下效果，背景已经实现透明了，但是文字也透明了。4、熟悉PS的同学应该都知...

html-css 中如何让一个DIV的背景色是透明的,但它的内容(文字图片之类...答：html-css 中让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0；代码如下：<div id='div1'> <div id='div2'> <p>我是测试文字</p> </div> </div...

CSS如何让模块半透明,模块上的字不透明答：不知道你是不是用的alpha滤镜设置的半透明效果，如果是的话，这个很简单，只要把文字和需要半透明的背景分别放在两个标签(容器)内，然后把包含文字那个标签的css属性里加上：”position: relative（或者absolute）;"就可以了．但是次方法对IE6有效果,不兼容目的就是把文字从背景的正常文档流中拖出来,...

大家正在搜

div css js实现弹出框 divcss制作一个网页布局 divcss布局经典实例 css和div页面布局 div css布局 css div网页布局代码 div css制作简单网页 div+css divcss布局模板

css div 实现 一个小层的背景是半透明的，但上面的文字是不透明的？

css div 实现一个小层的背景是半透明的，但上面的文字是不透明的？