1、背景色设为透明，代码如下backgroundcolortransparent字体颜色设为透明，代码如下colortransparent。

2、背景半透明demo2rgba255，0，0，05，文字保持不透明 对比实例demo1完全覆盖demo，demo2部分透明2 opacity属性opacity属性用于全局设置元素及其所有子元素的透明度，其值范围01如设置为05，背景和文字都会变得半透明背景透明demo2opacity 05总结来说，rgba主要用。

3、1准备好初始化的代码 2初始化样式 div border1px red solidwidth800pxheight800pxbackgroundcolorblue 3运行结果为 4设置背景颜色半透明的样式代码backgroundcolorrgba0，0，255，055运行结果为 透明原理把背景颜色设置为rgb的方式，然后再加一个透明。

4、电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码div opacity05backgroundcolor #0b93d5 span color white 3浏览器运行indexhtml页面，此时成功在透明度50%的背景上显示了白色的文字。

5、透明度的话ie下用filteralphaopacity=50范围0到100，非ie下用opacity05，范围0到1。

6、浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的标签中，对“article”添加样式opacity 05，对“article p”添加样式opacity 13浏览器运行indexhtml页面，此时背景是50%透明度，但字体是不透明的。

7、所有代码lt！DOCTYPE html css设置背景透明 rgba backgroundcolor rgba0，0，0，05height 200px。

8、就是startColor和endColor的值这两个值是有两部分组成的，前两个值代表了不透明度换成了16进制的数值如下图所示为其对应的值这样设置了以后就兼容ie8以下的浏览器了方法二定位法 设置文字内容和背景内容不在一个层上让文字内容浮动到半透明的背景层上如果你的文字在半透明背景层的。

9、1新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的2在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器3刷新浏览器中的页面，这时可以发现浏览器中图片的透明度改变了，透明度的范围是01，0表示完全透明，1表示不。

10、首先，用大家比较熟悉的CSS属性opacity来改变div的背景颜色描述外面大的div背景颜色为黄色，里面小的div的背景颜色为红色，现在我们需要设置大的div的背景颜色变成半透明状态，我们将opacity的属性值设为05，代码如下HTML部分1 2 3 我是内容 CSS部分1 2 3 4 5 6 7 8 9 10 11 aa。

11、如果要给相关栏目自定义背景的话， 只要在CSS代码中加入 栏目IDbackground urlquot图片地址quot repeat 就可以其中repeat的位置上可以换成其他参数norepeat repeatx repeaty 意思分别是repeat 背景图像在纵向和横向上平铺 norepeat 背景图像不平铺 repeatx 背景图像在横向上平铺。

12、htmlcss 中让一个DIV的背景色是透明的，但它的内容文字图片之类的不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0代码如下 我是测试文字 div widht220pxheight300px div1 background#fff。

13、我是黑色背景，不透明的 我是黑色背景，50%透明度 我是黑色背景，20%透明度CSS代码test1， #test2， #test3 width 300px height 200px lineheight 200px textalign center display inlineblock marginleft 50px color #FFF。

14、不透明 这样div的半透明效果也就不会影响到元素p了最后在将p定位到需要的位置但是很多时候这样的标签并不是很合理，有可能还会多浪费几个标签下面的这种方法就可以解决上面的问题了divbackgroundrgba0，0，0，02 repeat scroll ！important *实现FF背景透明，文字不透明* backgro。

15、其中background#000 filteralphaopacity30 opacity03为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明其关的属性介绍如下opacity 03这是“最重要的”，因为它是在CSS的现行标准这将在Firefox，Safari和Opera的大多数版本的工作这将是你所需要的一切如果所有。

16、以上是兼容浏览器参数，看别人的代码，通常情况下会剩去后两个属性，这是因为Mozilla和Safari浏览器都支持自动更新，用这些浏览器的人一般用的也是较新的版本，因此后两个为了兼容较老的浏览器的属性不用也罢以上就是CSS透明属性的基本用法，然而用到透明属性的地方，一般都是用在层叠层次较多的下层 来。

17、晕死好像不用这么麻烦啊等会啊，我查查1进入你的空间设置模板设置自定义模版CSS可以让您 #8226 直接编辑CSS文件，实现个性化效果编辑 2删除开头处的4句语句bodybackgroundcolor#FFFFFF #headerheight89pxbackground#CDF991#header divlc#head。

18、本篇文章给大家带来的内容是关于css如何实现图像的透明与不透明完整代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助1图像透明不透明用到opacity元素，值为0到1，一般用04或06就够了2ie8以下浏览器写法为filteralphaopacity=40值为0到100一般为了兼容同时。