css背设置透明度(css设置背景透明度)

css设置背景透明度

http://www.16sucai.com/2011/04/6655.html看这边解释，代码如下，兼容浏览器的代码 filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;萊垍頭條

css 设置背景透明

css中rgba()可以用来设置页面元素的颜色和透明度，rgba()颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道，通过它即可实现设置元素的不透明度。頭條萊垍

在 CSS3 中，增加了一个 opacity 属性，使用此属性可以设置元素的透明度。opacity属性具有继承性，会使容器中的所有元素都具有透明度；條萊垍頭

css背景透明度

设置css属性opacity，值为0-1之间的值垍頭條萊

css背景不透明度

html background-color设置为透明的方法如下：萊垍頭條

background是用于在一个声明中设置所有背景属性的一个简写属性。背景 (background) 属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此，内容框与内边距都是元素背景的一部分，且边框画在背景上。CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果；CSS 在这方面的能力远远在 HTML 之上。background 是用于在一个声明中设置所有背景属性的一个简写属性。格式: background: {属性值} 继承性: NO 可能的值： background-color background-image background-repeat background-attachment background-position條萊垍頭

css设置背景图片的透明度

你好，html中让某个标签背景颜色变为透明，一般有两种方法。垍頭條萊

一种是在css样式中用opacity属性来控制div的透明，这种方法会让div中的所有内容都变为半透明的效果，如下所示的例子：條萊垍頭

<html>頭條萊垍

<head>萊垍頭條

萊垍頭條

<style>條萊垍頭

.aa{垍頭條萊

width: 300px;萊垍頭條

height: 300px;條萊垍頭

background: red; 頭條萊垍

opacity: 0.5;萊垍頭條

}萊垍頭條

.bb{萊垍頭條

width: 150px;頭條萊垍

height: 150px;萊垍頭條

margin:50px;垍頭條萊

background: yellow;萊垍頭條

}萊垍頭條

</style>萊垍頭條

萊垍頭條

</head>萊垍頭條

<body>條萊垍頭

<div >背景條萊垍頭

<div >我是内容</div>萊垍頭條

</div>萊垍頭條

</body>垍頭條萊

</html>萊垍頭條

條萊垍頭

运行效果如下图所示：條萊垍頭

不管是文字还是背景都变成半透明的了。垍頭條萊

頭條萊垍

第二种方法是，通过background-color或者background属性，将颜色值设置为带透明度的值：rgba(255,255,0,0.5)。最后一个值即为设置透明度。如下例子所示：萊垍頭條

<html>條萊垍頭

<head>萊垍頭條

萊垍頭條

<style>垍頭條萊

.aa{萊垍頭條

width: 300px;萊垍頭條

height: 300px;萊垍頭條

/*background: red; */條萊垍頭

background-color: rgba(255,0,0,0.5) 頭條萊垍

/*opacity: 0.5;*/條萊垍頭

}頭條萊垍

.bb{萊垍頭條

width: 150px;萊垍頭條

height: 150px;頭條萊垍

margin:50px;萊垍頭條

background: yellow;垍頭條萊

}萊垍頭條

</style>萊垍頭條

萊垍頭條

</head>萊垍頭條

<body>頭條萊垍

<div >背景萊垍頭條

<div >我是内容</div>頭條萊垍

</div>條萊垍頭

</body>萊垍頭條

</html>萊垍頭條

萊垍頭條

运行效果如下所示：垍頭條萊

萊垍頭條

只有背景被设置了不透明度。垍頭條萊

垍頭條萊

希望我的回答对你有所帮助，欢迎关注本头条号，更多技术分享都在这里垍頭條萊

頭條萊垍

萊垍頭條

css设置背景透明度不变

R：红色值。正整数（0~255）頭條萊垍

G：绿色值。正整数（0~255）萊垍頭條

B：蓝色值。正整数（0~255）頭條萊垍

A：透明度。取值0~1之间萊垍頭條

　　rgba()只是单纯的可以设置颜色透明度。例如：让背景出现透明效果，但上面的文字不透明。萊垍頭條

.Li1{萊垍頭條

background:rgba(255,0,0,1);頭條萊垍

}頭條萊垍

　　二、css opacity属性设置背景透明度萊垍頭條

复制代码頭條萊垍

.Li2{萊垍頭條

opacity:1;垍頭條萊

}萊垍頭條

.Li3{萊垍頭條

opacity:0.5;萊垍頭條

}萊垍頭條

复制代码萊垍頭條

后面的参数代表透明度，数值为正整数，范围0~1之间條萊垍頭

opacity属性具有继承性，会使容器中的所有元素都具有透明度；萊垍頭條

总结：rgba()方法与opacity方法都可以实现透明度效果；萊垍頭條

　　rgba()只作用于元素的颜色或其背景色（设置了rgb(）透明度元素的子元素不会继承其透明效果）；而opacity具有继承性，既作用于元素本身，也会使元素内的所有子元素具有透明度。萊垍頭條

css中如何设置背景透明度

通过css rgba()可以设置萊垍頭條

语法：rgba(R,G,B,A)萊垍頭條

其中A表示透明度的意思，取值范围为0～1之间。條萊垍頭

数值越大，透明度越低。萊垍頭條

css背景图设置透明度

图片透明色可以为图片对象设置css样式的opacity属性，属性值小于1时，即有透明度，设置为0时为完全透明。在IE中可设置filter属性，为图片添加透明度垍頭條萊

css如何设置背景透明度

h5更改盒子颜色透明化方法：萊垍頭條

1、通过“background-color:rgba(0,152,50,0.7);”设置不透明度；萊垍頭條

2、使用半透明粒子图片或者渐变半透明PNG图片；萊垍頭條

3、使用透明度以及背景颜色或者背景图片来实现。萊垍頭條

css设置背景色透明度

1、创建一个html文件；萊垍頭條

2、在html文件找到一个<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba；萊垍頭條

3、为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高；萊垍頭條

4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色；萊垍頭條

5、所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。萊垍頭條