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

Question

我正在建立一个新的网站,我正在寻找一个透明的导航栏,所以背景是可见的.

Answer 1

没有透明颜色代码,但有一个不透明样式.在developer.mozilla.org上查看相关文档

您可能希望设置元素的颜色,然后对其应用不透明度.

.transparent-style{

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

}

您可以使用一些在线transparancy generatory,它也将为您提供浏览器特定的样式.例如,看看http://www.css-opacity.pascal-seven.de/

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

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

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

使用RGBA opacity意味着您的子元素不透明.

Answer 2

当你有一个6位数的颜色代码,例如#ffffff时,用#ffffff00替换它.只需在末尾添加2个零,即可使颜色透明.

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

Answer 3

你只需要这个：

#ffffff00

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

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

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

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

Answer 4

#0000ffff - 这是透明所需的代码.我刚刚做了它并且它起作用了.

Answer 5

您可以使用rgba()将值指定为background-color,如下所示:

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

0.5是透明度值

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

Answer 6

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

#00000000 

Answer 7

{背景颜色：透明；}