div设置背景透明度,html设置div背景色透明

　　:

div背景透明常见的有两种方法：

　　 1.通过设置opacity属性，值为0 ~ 1，0表示透明，1表示不透明。但是，这个方法也会使div上的内容透明。

　　效果如下：

　　2.通过rgba格式的background-color设置，格式为：background-color:rgba(0,0,0,0~1)，0表示透明，1表示不透明。

　　代码如下:

　　！DOCTYPE html html lang= en head meta charset= UTF-8 meta name= viewport content= width=device-width，initial-scale=1.0 title文档/标题样式。id { width:600 px；高度：300px} . tm1 { margin:40 auto；文本对齐：居中；行高：200像素；宽度：800px高度：200px背景色：黄色；不透明度：0.6；} .tm2{ margin: 40自动；文本对齐：居中；行高：200像素；宽度：800px高度：200px背景色：rgba(255，255，0，0.5)；}/style/床头！-background div-div class= id ！-透明div方法1-div class= tm1 透明div方法1、通过不透明度设置透明度，div上的文字也是透明的：不透明度：0.6；/divbr！-透明div方法2-div class= tm2 透明div方法2，通过rgba设置透明度，div上面的文字不透明：background-color: rgba (255，0，0.5)；/div/div/body/html这里还有一点需要注意：rgba()函数利用红、绿(g)、蓝(b)和透明(a)的叠加来生成各种颜色。

　　RGBA的意思是红色、绿色、蓝色和透明(英语：红色、绿色、蓝色和阿尔法)。

　　Red (R)是一个介于0和255之间的整数，表示颜色的红色部分。

　　green(g)0到255之间的整数，表示颜色的绿色部分。

　　blue(b)0到255之间的整数，代表颜色的蓝色部分。

　　透明度(a)取0到1之间的值，表示透明度。

　　你可以在百度百科找到rgba值。

　　类似于：

　　颜色对照表链接：

　　https://www.sioe.cn/yingyong/yanse-rgb-16/

　　这就是这篇关于设置div背景透明度的例子的文章。有关div背景透明度的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。