CSS中透明度的颜色代码是啥？

Posted 2023-02-21

【中文标题】CSS中透明度的颜色代码是啥？

【英文标题】：What is the color code for transparency in CSS?CSS中透明度的颜色代码是什么？

【发布时间】：2011-12-12 16:52:21

【问题描述】：

谁能告诉我 CSS 中透明度的颜色代码是什么，例如 white = "#FFFFFF"？当我使用以下代码时，将颜色代码转换为 int：

Color color = ColorTranslator.Fromhtml(hex);
return (int)((color.R << 16) | (color.G << 8) | (color.B << 0));

【问题讨论】：

没有。 RGB 模型不包括透明度。它需要有第四个频道。

Is there a color code for transparent in HTML?的可能重复

是的，某些浏览器有（新功能）。请看***.com/a/60876347/2457251

【参考方案1】：

现在 CSS4 中有 8 位十六进制代码 (CSS Color Module Level 4)，最后两位（或缩写的情况下，4 位中的最后一位）表示 alpha，00 表示完全透明，@987654324 @ 表示完全不透明，7f 表示不透明度为 0.5 等。

格式为'#rrggbbaa' 或简写'#rgba'。

缺少对 MS 浏览器的支持，它们可能比其他开发者更不合作或只是速度较慢，两者中的一个或两个实际上决定了 IE 的命运：https://caniuse.com/#feat=css-rrggbbaa

【参考方案2】：

简单地说：

.democlass 
    background-color: rgba(246,245,245,0);

这应该会给你一个透明的背景。

【参考方案3】：

或者你可以放

background-color: rgba(0,0,0,0.0);

这应该可以解决您的问题。

【讨论】：

实际上回答问题的唯一答案。谢谢！

【参考方案4】：

在 CSS 中写：

.exampleclass 
    background:#000000;
    opacity: 10; /* you can always adjust this */

【参考方案5】：

只需在颜色代码前添加两个零 (00)，即可获得该颜色的透明效果

【参考方案6】：

尝试使用

background-color: none;

这对我有用。

【参考方案7】：

只需选择项目的背景颜色并单独指定不透明度：

div  background-color:#000; opacity:0.8; 

【参考方案8】：

如何用css制作透明元素：

IE 的 CSS：

filter: alpha(opacity = 52);

其他浏览器的 CSS：

opacity:0.52;

【讨论】：

还有transparent这个关键词。 p 背景颜色：透明；

【参考方案9】：

没有用于透明度的十六进制代码。对于 CSS，您可以使用 transparent 或 rgba(0, 0, 0, 0)。

【参考方案10】：

颜色十六进制字符串没有透明度分量。有opacity，是一个从0.0到1.0的浮点数。