有关opacity或RGBA设置颜色值及元素的透明值

opacity声明来设置元素的透明值,当opacity设置元素的透明值,内部的文字及元素也会透明,通过RGBA设置的颜色值只针对当前元素,内部的文字及元素的透明值并未发生变化

opacity声明来设置元素的透明值(改透明度的值介于0-1之间的小数, 0.5表示50%透明)。

opacity的特点是:当opacity设置元素的透明值,内部的文字及元素也会透明

复制代码

代码如下:

.demo{ 
 
filter:alpha(opacity=30); 
opacity:0.3; 
}

注:这段代码class为demo的标签元素的透明值为30%,里面的文字及元素透明值也会变成30%

RGBA也是用来设置颜色的。

  R:红色值 正整数 | 百分数

  G:绿色值 正整数 | 百分数

  B:蓝色值 正整数 | 百分数 

  A:透明度 (取值0-1之间)

通过RGBA设置的颜色值只针对当前元素,内部的文字及元素的透明值并未发生变化

复制代码

代码如下:

.demo{

}

注:这段代码class为demo的标签元素的透明值为30%,里面的文字及元素透明值无任何变化。

RGBA设置颜色值 浏览器支持性:

时间: 2024-10-06 13:07:28

有关opacity或RGBA设置颜色值及元素的透明值的相关文章

关于opacity或RGBA设置颜色值

opacity声明来设置元素的透明值(改透明度的值介于0-1之间的小数, 0.5表示50%透明). opacity的特点是:当opacity设置元素的透明值,内部的文字及元素也会透明 .demo{ background-color:red; filter:alpha(opacity=30); opacity:0.3; } 注:这段代码class为demo的标签元素的透明值为30%,里面的文字透明值也会变成30% RGBA也是用来设置颜色的. R:红色值  正整数 | 百分数 G:绿色值  正整数

转 opacity() 和 rgba() 的区别?display 和 visibility 有什么不同?

一.背景介绍: 1.大家在写页面时,会用到各种元素,比如div, img等等.有时候一张页面会放好几张图片,图片如果显示效果都一样,看起来很单调,整个页面给人的感觉会很硬.那么,怎么能让页面的元素有一种多样化,甚至有一种朦胧美呢?于是,有了opacity和rgba()这两个属性.其中,opacity属性是css3新提的属性. 2.另外,在看一下display和visibility背景介绍,故名思意,display和visibility是与元素显示有关系的,这两个属性都可以控制元素的显示与隐藏.究

opacity与RGBA透明的区别

为什么不使用opacityCSS3 还允许通过opacity 声明来设置元素的透明度.该透明度的值也是一个介于0 到1 之间的小数(如将opacity 设置为0.1 表示为10%透明).但是这种透明度与RGBA 及HSLA 有所不同,这种方式设置的透明度会对整个元素产生影响(元素的内容都会透明).反之,使用HSLA或RGBA 则可以仅让元素的某些部分有透明效果.这样,一个元素可以带有HSLA 透明背景,但内部的文字仍然不透明.

opacity与rgba

opacity与rgba实现透明:opacity背景透明,子元素也透明,并且不能设置边框.文字透明特效:rgba所有涉及颜色的都可以设置透明 html: <ul> <li class="opacity opacity1">100%</li> <li class="opacity opacity2">80%</li> <li class="opacity opacity3">6

js学习总结----设置元素的样式值setcss

在JS给元素设置样式属性值,我们只能通过curEle.style[attr] = value 这种方式给元素设置行内样式 下面封装一个给当前元素的某一个样式属性设置值的方法(增加在行内样式上的):setCss() function setCss(curEle,attr,value){ //在JS中设置float样式值也需要处理兼容 if(attr==="float"){ curEle["style"]["cssFloat"] = value; c

关于CSS设置和获取元素不透明度的问题与解决方案

对于浏览器对元素不透明度度opacity的支持情况和如何设置,相信大家已经都熟悉了.这里就不再分析. 简单的,要支持主流浏览器需要同时设置IE特有的滤镜和W3C标准的opacity属性. 例如:设置不透明度为20% filter:alpha(opacity=20); opacity:0.2; 我需要重点分享的是CSS不透明度通过JS获取的问题. 首先,经过本人的大量有效分析测试得出: IE5 - IE8   只支持filter滤镜设置CSS不透明度,不支持opacity属性设置CSS不透明度 I

如何设置块级元素的单行文本垂直居中

这里有两个条件: ①文本要求是单行的 ②它的外部容器是一个块级元素 满足这两个条件之后,只需要设置文本的line-height等于外部块级元素的高度即可. 参照如下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单行文本垂直居中</title> <style> h2{ width: 3

jquery设置和获取元素的属性

jquery设置和获取元素的属性: 使用jquery可以方便的设置指定元素的属性,下面就以div元素为例子做一下简单介绍. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁

jquery设置表单元素为不可用代码实例

jquery设置表单元素为不可用代码实例:本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</t