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

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

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

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

.transparent-style{ background-color: #ffffff; opacity: .4; } 

你可以使用一些在线透明创作,这也会给你浏览器的具体风格。 例如看看http://www.css-opacity.pascal-seven.de/

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

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

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

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

当你有6位数的颜色代码,例如#ffffff时,用#00ffffff代替。 在#之后加上2个零,使颜色透明。

您可以使用rgba()指定背景颜色的值,如下所示:

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

0.5是透明度值

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

#0000ffff – 这是您需要透明的代码。 我只是做了,它的工作。

{background-color:transparent;}

是的,我认为最好的方式来透明的背景颜色(使不透明度只为背景)正在使用

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

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

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

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

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

奇怪的是,我碰到这种想法,我需要一个透明的颜色,但我需要的是去除颜色属性。

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

 .some-class{ }