在 HTML 中有透明的颜色代码吗？

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

862343 次浏览
小开
最佳答案

没有透明的颜色代码，但有一个不透明的样式。在 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 意味着您的子元素不透明。

小开

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

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

0.5是透明度值

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

小开

当你有一个6位的颜色代码，例如 # ffffff，用 # ffffff00代替它。只要在结尾处加上2个零就可以使颜色变得透明。

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

小开

#0000ffff-这是你需要的透明代码。我刚刚做到了，它工作。

小开

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

{background-color: transparent;}
小开

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

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

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

到

.some-class{
}
小开

是的，我认为使背景颜色透明的最好方法是使用

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

以上声明0.5是不透明度值。

它只应用不透明度变化的背景颜色(不是所有元素的)

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

小开

你只需要这个:

#ffffff00

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

另外，如果你想要50% 透明的颜色，然后肯定你可以做..。 #ffffff80

其中 80是 50%的十六进制等价物。 因为在 RGB 颜色的刻度是0-255，一半将是 255/2 = 128，当转换成十六进制成为 80

因为我们希望透明度为0，所以我们写 00

小开

如果你正在寻找 Android 应用程序，你可以使用

#00000000

提交答案