css样式背景颜色透明度，css设置背景透明色

CSS如何定义DIV背景半透明颜色

1、首先，用大家比较熟悉的CSS属性opacity来改变div的背景颜色。

2、不过如果你只需求在IE下实现，我们有更简单的做法： HTML代码：div div p背景为红色(#FF0000)，透明度20%。

3、这有个问题。首先用最单的办法是用CSS3 background-color：rgba(0，0，0，0.5)；但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。

4、； background-color：#ffffff； } -- /style 横向平铺背景。

5、再次保存代码并打开浏览器预览效果。可以找到元素的背景色。注意事项：一般来说，我们可以使用CSS的opcity属性来改变一个元素的透明度，但是它的子元素的透明度也会改变，即子元素被重新定义了。

相关问答

Q1: css常见技巧-雪碧图、背景、居中、透明度

1、合并雪碧图(sprite)：移动端多图情况下，可以将多图合并到一个图中，通过CSS定位背景图的形式来引用图片，可以有效减少HTTP请求。使用CSS、svg、canvas或者iconfont代替图片：适用于移动端或高级的浏览器，而且绘制的图片比较简单。

2、background-position需要x轴和Y轴两个值，如果只写一个值，第二个值默认center。所以就没有继承一说了，你想hover重置第二个值，第一个值也是要再写一遍的，不能继承。

3、图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position：center；如果只能用图片分两种情况：图片宽高固定，这种情况很简单。

4、CSS3 支持背景半透明的写法， 颜色值增加了一种 rgba 模式。 rgba 模式：在 rgb 基础上增加了一个不透明度的设置， 不透明度 alpha 取值范围在0-1 之间， 0 表示完全透明， 1 表示完全不透明， 0.5 表示半透明。

5、使用nthoftype设置多个div元素的背景色。再次保存代码并打开浏览器预览效果。可以找到元素的背景色。

Q2: css如何设置透明度(兼容ie,firefox)

还有就是设置background-color：rgba()，这种方式只能设置背景颜色的透明度。

R：红色值。正整数 （0~255）G：绿色值。正整数 （0~255）B：蓝色值。正整数（0~255）A：透明度。取值0~1之间 rgba()只是单纯的可以设置颜色透明度，这样在页面的布局中有很多应用。

在CSS中，增加透明度关键字，推荐这个怎样在CSS样式中设置背景的透明度，下面一个具体的实例。把类为box的层设为透明。

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

兼容IE，firefox，chrome，Safari，Opera等主流浏览器的半透明代码：.o {filter：alpha(opacity=50)；opacity：0.5；-moz-opacity：0.5；width：100%；} 您可以在火狐社区了解更多内容。

Q3: HTML如何给背景颜色设置透明度

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

2、您要问的是html怎么设置背景图片透明度吗？以下方法：通过rgba方式设置，可对任意颜色设置透明度。通过backgroud和opacity设置，只针对于背景颜色设置透明度。

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

4、HTML的标签可以使用CSS的background-color来设置背景颜色以及透明度。举例如下：以下示例将分别演示不透明、50%透明度以及20%透明度的三种不同效果。HTML代码：div id=test-1 我是黑色背景，不透明的。

5、在css中，使用白色背景的方法是选中某个图片；在html中，当css背景为淡白色背景时，背景为淡白色文本时，文本背景为黄色；这样，就是在css中使用白色背景，以此达到最佳的效果。

6、：在Dreamweaver 4插入一图，假设高为100，宽为200单位是像素(为了能看到效果，我们可以把网页的背景设为红色等鲜明的色彩。

Q4: 怎样使用css设置背景透明度

R：红色值。正整数 （0~255）G：绿色值。正整数 （0~255）B：蓝色值。正整数（0~255）A：透明度。取值0~1之间 rgba()只是单纯的可以设置颜色透明度，这样在页面的布局中有很多应用。

）、opacity作用于元素以及元素内的 所有内容的透明度 ，子元素会继承父元素的 opacity 属性。 2）、rgba()只作用于元素的颜色或其背景色，后代元素不会继承透明性，只是针对自己本身有效，无法使内部的所有元素透明。

如何在css中设置透明度1。创建一个html文件。 找到一个 给div添加样式。在 代码： 高度：200px } 保存后使用浏览器查看。可以看到，当透明度从0.1变为1时，div背景从灰色变为黑色。 所有代码。

}p {opacity：0.5； }在这里，我们在区域的段落中输入文本，背景颜色为#b0e0e6，并将的不透明度值设置为0.5。在浏览器上显示效果如下：段落的字符部分的不透明度已经改变，它显示出略微透明。

首先新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色（background：#fff；）。

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

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