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

Question

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

score 79 · Accepted Answer

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

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

.transparent-style{

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

}

您可以使用一些在线透明度生成器，它还将为您提供浏览器特定的样式。例如看看http://www.css-opacity.pascal-seven.de/

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

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

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

过度使用 RGBAopacity意味着您的子元素不透明。

score 35 · Accepted Answer

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

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

score 19 · Accepted Answer

你只需要这样：

#ffffff00

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

另外，如果你想要 50% 的透明色，那你肯定能做到…… #ffffff80

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

由于透明我们想要 0 不透明度，我们写00

score 18 · Accepted Answer

18

#0000ffff- 这是透明所需的代码。我刚刚做到了，它奏效了。

于 2014-07-24T05:37:51.153 回答

score 16 · Accepted Answer

您可以使用 rgba() 为背景颜色指定值，如下所示：

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

0.5是透明度值

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

score 9 · Accepted Answer

9

根据MDN有一个transparent关键字，它是rgba(0,0,0,0).

{background-color: transparent;}

于 2015-09-01T18:01:06.550 回答

score 5 · Accepted Answer

5

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

#00000000

于 2020-01-14T20:20:08.093 回答

score 4 · Accepted Answer

是的，我认为透明背景颜色的最佳方法（只为背景设置不透明度）是使用

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

上面的语句 0.5 是不透明度值。

它仅将不透明度更改应用于背景颜色（并非所有元素）

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

score 1 · Accepted Answer

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

奇怪的是，我想到我需要一个透明的颜色，但我需要的只是删除颜色属性。

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

至

.some-class{
}

9 回答 9