字体半透明css，css背景透明度

CSS如何使背景透明以及文字不透明的实例

1、也就是说，下面将利用position属性将“蒲公英”放在图像的上面，我们来看具体的代码实例首先，给出相对位置（position：relative；）到.content。

2、要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。

3、图像透明不透明用到opacity元素，值为0到1，一般用0.4或0.6就够了。ie8以下浏览器写法为：filter：alpha(opacity=40)；值为0到100.一般为了兼容同时写两种。

4、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。然后我们添加一个透明度的代码（opacity：0.6）。

5、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。

相关问答

Q1: CSS中为什么我设置了背景为半透明,连字体都透明了

1、你用的CSS滤镜，他会把标签内的所有元素都半透明。因为CSS滤镜是IE独有的，所以火狐不支持。

2、把要透明的层和文字剥离分开，父层relative，子层全部absolute。这样。

3、你可以把背景做成半透明的png格式的图片，这样就不需要用滤镜设置透明度了。filter本来就是会影响子元素的。

4、这个不是字体重叠，而是里面的文字继承了 div的透明。

5、CSS实现背景图像透明需要用到的属性是opacity属性，但是在有文字的情况下，为了防止文字透明我们需要将元素分开。

6、然后添加一个透明度的代码（opacity：0.6），保存后预览下效果，背景已经实现透明了，但是文字也透明了。

Q2: 在css当中使用opacity:0.5;属性设置了透明背景,之后上面的字设置白色不...

在index.html中的标签中，对“article”添加样式：opacity： 0.5；，对“article p”添加样式：opacity： 1；。浏览器运行index.html页面，此时背景是50%透明度，但字体是不透明的。

首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。然后我们添加一个透明度的代码（opacity：0.6）。

CSS实现背景图像透明需要用到的属性是opacity属性，但是在有文字的情况下，为了防止文字透明我们需要将元素分开。

css opacity属性怎么用？opacity属性设置一个元素的不透明度级别。语法：opacity： value|inherit；属性值：●value：规定不透明度。从 0.0 （完全透明）到 0（完全不透明）。

Q3: 在css中怎样让文字的背景色透明?

1、CSS实现背景图像透明需要用到的属性是opacity属性，但是在有文字的情况下，为了防止文字透明我们需要将元素分开。

2、不仅div容器半透明了，连div里面的文字和图片都把透明了。由于这些滤镜的属性已经继承给了子元素，所以会出现这种效果。

3、要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：background-color： rgba(0， 0， 0， 0.4)；rgba 中的最后一个参数 0.4 就是想要的透明度，范围在0～1之间。

4、第二行代码支持老版本的FF浏览器，其实去掉也可以，因为老版本的浏览器使用率很少了。第三行能够支持各大浏览器，但是IE6-IE8浏览器不支持。

5、设置元素的透明度：-moz-opacity：0.8； /*在Firefox中设置元素透明度 filter： alpha(opacity=80)； /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。

关于字体半透明css和css背景透明度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。