网页设计div背景透明（网页制作背景透明度）
本文目录一览：
div背景透明,上面一个div不透明,上面这个div的文字也不透明!急!请问css...
1、如果用opacity就感觉文字也透明了。影响外观，阅读。还有一种兼容的方法，主要兼容不支持使用rgba（）格式值的浏览器。DIV本身就是块级元素，不需要设置。
2、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff；）。
3、div id=touming/div div id=words这里是要显示的文字/div /div /body /html 效果图：效果还不错，透明层有透明效果，文字可以正常显示出来。这个方法还行吧，哈哈。
4、在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。
5、/div /div 文字元素的透明度也会是0.4。于是想一想，如果有方法只改变背景的透明度就能解决此问题了。方法1：使用一张透明的图片做背景可以达成效果，但是有没有更简单的方法呢？方法2：使用RGBA。
css设置背景半透明
1、很多时候，我们需要通过一层半透明的遮罩层来把后面的一切整体调暗，以便凸显某个特定的UI元素，引导用户关注，比如弹出层或者交互指南。
2、打开Dreamweaver8，分别新建html和css格式的文件，分别存放在桌面web文件夹中的根目录和CSS文件夹中。
3、html，编写问题基础代码。在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。
4、首先，用大家比较熟悉的CSS属性opacity来改变div的背景颜色。
5、这样设置了以后就兼容ie8以下的浏览器了。方法二：定位法 设置文字内容和背景内容不在一个层上。让文字内容浮动到半透明的背景层上。如果你的文字在半透明背景层的下面，要设置z-index的值让文字位于背景的上面就行了。
如何让div背景透明但文字不透明
在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不同范围的透明度。
如果用opacity就感觉文字也透明了。影响外观，阅读。还有一种兼容的方法，主要兼容不支持使用rgba（）格式值的浏览器。DIV本身就是块级元素，不需要设置。
最近项目里需要实现这么个功能，类似网游中的聊天框，背景都是透明的，但是文字是不透明。所以如果简单的使用opacity（非IE）和alpha滤镜（IE）是无法实现这个效果的，会造成全部透明。
你可以把背景做成半透明的png格式的图片，这样就不需要用滤镜设置透明度了。filter本来就是会影响子元素的。
如何使DIV背景透明内容不透明
1、首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff；）。
2、你可以把背景做成半透明的png格式的图片，这样就不需要用滤镜设置透明度了。filter本来就是会影响子元素的。
3、opacity和rgba都是设置透明度的，区别在于opacity是整体的透明度，标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色，内容及子元素不受影响。
4、如果有方法只改变背景的透明度就能解决此问题了。方法1：使用一张透明的图片做背景可以达成效果，但是有没有更简单的方法呢？方法2：使用RGBA。
5、假设上面div的class为two，下面div的class为one。下面的div文字的颜色设置成transparent。.one{ color：transparent；} 给上面的div设置背景色。
