在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{ }