我正在建立一个新网站,我正在寻找一个透明的导航栏,以便可以看到背景。
答案 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{
}