HTML中是否有透明的颜色代码？答案

【问题标题】：Is there a color code for transparent in HTML?HTML中是否有透明的颜色代码？
【发布时间】：2013-08-13 21:28:53
【问题描述】：

我正在建立一个新网站，我正在寻找一个透明的导航栏，以便背景可见。

【问题讨论】：

是的，某些浏览器有（新功能）。请看一下stackoverflow.com/a/60876347/2457251
另见：stackoverflow.com/questions/11184117/…

标签： html css

【解决方案1】：

没有透明颜色代码，但有不透明样式。在developer.mozilla.org查看有关它的文档

您可能想要设置元素的颜色，然后对其应用不透明度。

.transparent-style{

    background-color: #ffffff;
    opacity: .4;

}

您可以使用一些在线透明度生成器，它还会为您提供浏览器特定的样式。例如看看http://www.css-opacity.pascal-seven.de/

请注意，当您设置元素的透明度时，任何子元素也会变得透明。所以你真的需要覆盖任何其他元素。

您可能还想尝试使用 RGBA 颜色和 Alpha (A) 设置来更改不透明度。例如

.transparent-style{
    background-color: rgba(255, 255, 255, .4);
}

在opacity 上使用RGBA 意味着您的子元素不透明。

【讨论】：

我正在使用 Tumblr 构建我的网站，我必须在哪里粘贴你刚刚给我的代码？
我不知道 Tumblr 的设置。您需要将其放在样式表中，并确定与导航栏匹配的 id 或类。
从技术上讲，“透明”颜色关键字是 rgba(0,0,0,0) 的快捷方式，即完全透明的黑色 vgl。 developer.mozilla.org/en-US/docs/Web/CSS/…

【解决方案2】：

当您有 6 位颜色代码时，例如#ffffff，将其替换为#ffffff00。只需在末尾添加 2 个零即可使颜色透明。

这是一篇更深入地描述新标准的文章：https://css-tricks.com/8-digit-hex-codes/

【讨论】：

您需要指定哪个浏览器/版本可以使用它。 ARGB 不在 CSS3 规范 (stackoverflow.com/a/12742729) 中，因此这是非标准行为，无论如何我都不推荐它。
recently adopted CSS standard for hex with alpha is #RRGGBBAA 就是#ffffff00。它刚刚在 2017 年年中被添加到标准和 adopted by browsers 中。所以它不是真的推荐，至少现在不推荐，就像it's not currently supported in IE/Edge/Opera。
正确的是在开头添加#XXFFFFFF when XX: 00 is 0%, 88 50% FF 100%

【解决方案3】：

#0000ffff - 这是透明所需的代码。我刚刚做了，它成功了。

【讨论】：

【解决方案4】：

您可以使用 rgba() 为背景颜色指定值，如下所示：

.style{
        background-color: rgba(100, 100, 100, 0.5);
}

0.5是透明度值

0.5 更像是半透明的，将值从 0.5 更改为 0 给了我真正的透明度。

【讨论】：

【解决方案5】：

你只需要这个：

#ffffff00

这里ffffff 是颜色，00 是透明度

另外，如果你想要 50% 的透明色，那你肯定可以... #ffffff80

其中80 是50% 的十六进制等价物。由于 RGB 颜色的比例为 0-255，一半将是 255/2 = 128，当转换为十六进制时变为 80

因为在透明我们想要 0 不透明度，我们写 00

【讨论】：

对于 50%，您实际上需要使用 #FFFFFF7F，因为您正在处理十六进制值。
50% 是 80 十六进制两位数。 css-tricks.com/8-digit-hex-codes

【解决方案6】：

根据MDN有一个transparent关键字，是rgba(0,0,0,0)的缩写。

{background-color: transparent;}

【讨论】：

虽然这是正确的，但请多解释一下答案，而不是仅仅粘贴代码。

【解决方案7】：

如果你正在寻找安卓应用，你可以使用

#00000000

【讨论】：

请阅读问题和标签。这显然是一个 HTML、CSS 问题。

【解决方案8】：

是的，我认为透明背景颜色（只为背景设置不透明度）的最佳方法是使用

.style{
        background-color: rgba(100, 100, 100, 0.5);
}

上面的语句0.5是不透明度值。

它只将不透明度更改应用于背景颜色（不是所有元素）

CSS 中的“不透明度”属性将透明块中的所有元素。

【讨论】：

【解决方案9】：

在这里，不是使导航栏透明，而是从导航栏中删除任何颜色属性以使背景可见。

奇怪的是，我想到我需要一个透明的颜色，但我只需要删除颜色属性。

.some-class{
    background-color: #fafafa; 
}

到

.some-class{
}

【讨论】：