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

时间:2013-08-12 14:11:33

标签: html css

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

9 个答案:

答案 0 :(得分:59)

没有透明色码,但有不透明样式。在developer.mozilla.org

查看相关文档

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

.transparent-style{

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

}

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

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

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

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

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

答案 1 :(得分:17)

如果你有一个6位数的颜色代码,例如#ffffff,将其替换为#ffffff00。只需在末尾添加2个零,即可使颜色透明。

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

答案 2 :(得分:12)

#0000ffff - 这是透明所需的代码。我刚刚做了它并且有效。

答案 3 :(得分:9)

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

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

0.5是透明度值

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

答案 4 :(得分:4)

{background-color:transparent;}

答案 5 :(得分:3)

是的,我认为透明背景颜色的最佳方法(仅为背景设置不透明度)正在使用

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

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

它仅将不透明度更改应用于背景颜色(不是所有元素')

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

答案 6 :(得分:2)

所有你需要的是:

#ffffff00

此处ffffff是颜色,00是透明度

另外,如果你想要50%透明的颜色,那么你一定要做到...... #ffffff50

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

答案 7 :(得分:2)

如果您正在寻找android应用,则可以使用

#00000000 

答案 8 :(得分:0)

此处,不要使导航栏透明,而是从导航栏中删除任何颜色属性以使背景可见。

奇怪的是,我觉得我需要一种透明的颜色,但我只需要删除颜色属性。

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

.some-class{
}