blocks|key|1573447|text|没有透明的颜色代码，但是有不透明的样式。在developer.mozilla.org上查看有关它的文档|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1573448|您可能希望设置元素的颜色，然后对其应用不透明度。|1573449|.transparent-style{

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

}|code-block|syntax|javascript|1573450|您可以使用一些在线透明生成，这也将为您提供浏览器的特定风格。看一看http://www.css-opacity.pascal-seven.de/|1573451|注意到，尽管指出，当您设置元素的透明度时，任何子元素也会变得透明。所以你真的需要覆盖任何其他元素。|style|BOLD|1573452|您还可以尝试使用RGBA颜色，使用Alpha+(A)设置来更改不透明度。例如：|1573453|.transparent-style{
++++background-color:+rgba(255,+255,+255,+.4);
}|1573454|在opacity上使用RGBA意味着您的子元素不透明。|CODE|1573455|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/CSS/opacity|1|http://www.css-opacity.pascal-seven.de/^0|L|L|0|0|0|0|X|13|1|0|0|6|0|0|0|1|7|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|6|7|1B|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1C|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|M|3|N|5|6|7|1H|8|@$A|1I|B|1J|O|P]]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1K|8|@]|9|@]|C|$]]|$1|S|3|T|5|H|7|1L|8|@]|9|@]|C|$I|J]]|$1|U|3|V|5|6|7|1M|8|@$A|1N|B|1O|O|W]]|9|@]|C|$]]|$1|X|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|Y|$Z|$5|10|11|12|C|$13|14]]|15|$5|10|11|12|C|$13|16]]]]

There is not a Transparent color code, but there is an Opacity styling. Check out the documentation about it over at <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/opacity">developer.mozilla.org</a>

You will probably want to set the color of the element and then apply the opacity to it.

<pre><code>.transparent-style{

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

}
</code></pre>

You can use some online transparancy generatory which will also give you browser specific stylings. e.g. take a look at <a href="http://www.css-opacity.pascal-seven.de/">http://www.css-opacity.pascal-seven.de/</a>

Note though that when you set the transparency of an element, any child element becomes transparent also. So you really need to overlay any other elements.

You may also want to try using an RGBA colour using the Alpha (A) setting to change the opacity. e.g.

<pre><code>.transparent-style{
 background-color: rgba(255, 255, 255, .4);
}
</code></pre>

Using RGBA over <code>opacity</code> means that your child elements are not transparent.

blocks|key|1573525|text|当你有一个6位的颜色代码，例如#ffffff，用#ffff00代替它。只需在末尾添加2个零，以使颜色透明。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1573526|下面是一篇更深入地描述新标准的文章：https://css-tricks.com/8-digit-hex-codes/|offset|length|1573527|entityMap|0|LINK|mutability|MUTABLE|url|https://css-tricks.com/8-digit-hex-codes/^0|0|I|15|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

When you have a 6 digit color code e.g. #ffffff, replace it with #ffffff00. Just add 2 zeros at the end to make the color transparent. 

Here is an article describing the new standard in more depth: <a href="https://css-tricks.com/8-digit-hex-codes/" rel="noreferrer">https://css-tricks.com/8-digit-hex-codes/</a>

blocks|key|1573625|text|你只需要这样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1573626|#ffffff00|code-block|syntax|javascript|1573627|这里，ffffff是颜色，00是透明的|offset|length|style|CODE|1573628|另外，如果你想要50%25透明的颜色，那么你肯定可以.#ffffff80|1573629|其中80是50%25的十六进制等价物。由于RGB颜色的比例尺是0-255，所以一半是255/2+=+128，当转换为十六进制时，它将变成80。|1573630|因为在透明中我们想要0的不透明度，所以我们写00|1573631|entityMap^0|0|0|3|6|D|2|0|P|9|0|2|2|5|3|14|B|1U|2|0|M|2|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]|$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@$I|12|J|13|K|L]]|9|@]|A|$]]|$1|O|3|P|5|6|7|14|8|@$I|15|J|16|K|L]|$I|17|J|18|K|L]|$I|19|J|1A|K|L]|$I|1B|J|1C|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@$I|1E|J|1F|K|L]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|T|$]]

All you need is this:

<pre><code>#ffffff00
</code></pre>

Here the <code>ffffff</code> is the color and <code>00</code> is the transparency

Also, if you want 50% transparent color, then sure you can do...
<code>#ffffff80</code>

Where <code>80</code> is the hexadecimal equivalent of <code>50%</code>.
Since the scale is 0-255 in RGB Colors, the half would be <code>255/2 = 128</code>, which when converted to hex becomes <code>80</code>

And since in transparent we want 0 opacity, we write <code>00</code>

blocks|key|495794|text|#0000ffff+--这是您需要透明的代码。我刚做了而且成功了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|495795|entityMap^0|0|9|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>#0000ffff</code> - that is the code that you need for transparent. I just did it and it worked.

blocks|key|1573506|text|可以使用rgba()将值指定为背景色，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1573507|.style{
++++++++background-color:+rgba(100,+100,+100,+0.5);
}|code-block|syntax|javascript|1573508|0.5是透明值|1573509|0.5更像是半透明的，把值从0.5改为0给了我真正的透明度。|1573510|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can specify value to background-color using rgba(), as: 

<pre><code>.style{
 background-color: rgba(100, 100, 100, 0.5);
}
</code></pre>

0.5 is the transparency value

0.5 is more like semi-transparent, changing the value from 0.5 to 0 gave me true transparency.

blocks|key|495807|text|根据MDN，有一个transparent关键字，它是rgba(0,0,0,0)的缩写。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|495808|{background-color:+transparent;}|code-block|syntax|javascript|495809|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#transparent_keyword^0|9|B|Q|D|2|3|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

According to <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#transparent_keyword" rel="nofollow noreferrer">MDN</a> there is a <code>transparent</code> keyword, which is short for <code>rgba(0,0,0,0)</code>.
<pre class="lang-css prettyprint-override"><code>{background-color: transparent;}
</code></pre>

blocks|key|1573646|text|如果您正在寻找android应用程序，您可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1573647|#00000000+|code-block|syntax|javascript|1573648|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you are looking for android apps, you can use

<pre><code>#00000000 
</code></pre>

blocks|key|2894788|text|是的，我认为透明背景颜色(只对背景不透明)的最好方法是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2894789|.style{
++++++++background-color:+rgba(100,+100,+100,+0.5);
}|code-block|syntax|javascript|2894790|上面的表0.5是不透明值。|2894791|它仅将不透明度更改应用于背景颜色(并非所有元素)|2894792|CSS中的“不透明度”属性将透明块中的所有元素。|2894793|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Yeah I think the best way to transparent the background colour (make opacity only for the background) is using

<pre><code>.style{
 background-color: rgba(100, 100, 100, 0.5);
}
</code></pre>

Above statement 0.5 is the opacity value.

It only apply the opacity changes to the background colour (not all elements')

The "opacity" attribute in the CSS will transparent all the elements in the block.

blocks|key|495824|text|这里，不是使导航条透明，而是从导航栏中删除任何颜色属性，以使背景可见。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|495825|奇怪的是，我遇到这样的想法，我需要一个透明的颜色，但我所需要的只是删除颜色属性。|495826|.some-class{
++++background-color:+#fafafa;+
}|code-block|syntax|javascript|495827|至|495828|.some-class{
}|495829|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Here, instead of making navigation bar transparent, remove any color attributes from the navigation bar to make the background visible.

Strangely, I came across this thinking that I needed a transparent color, but all I needed is to remove the color attributes.

<pre><code>.some-class{
 background-color: #fafafa; 
}
</code></pre>

to 

<pre><code>.some-class{
}
</code></pre>

I'm building a new website, and I'm looking for a transparent navigation bar so the background is visible.

Is there a color code for transparent in HTML?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

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

问HTML中是否有透明的颜色代码？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML中是否有透明的颜色代码？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML中是否有透明的颜色代码？
EN