Question

请问各位html大神，如何将如图所示的导航栏设置透明度？我只学了html和css，请教各位有简单的

请问各位html大神，如何将如图所示的导航栏设置透明度？我只学了html和css，请教各位有简单的方法吗？谢谢。

Answer 1

在CSS中，增加透明度关键字，
推荐这个回答：
怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。
<div class="box"></div>
<style>
.box{width:300px;
height:200px;
margin:0 auto;
boxder:1px solid #ccc;
background:#000;
filter:alpha(opacity:30);
opacity:0.3; -moz-opacity:0.3;-khtml-opacity: 0.3}
</style>
其中background:#000; filter:alpha(opacity:30); opacity:0.3;为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。
其关的属性介绍如下:
opacity: 0.3；这是“最重要的”，因为它是在CSS的现行标准。这将在Firefox，Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。
filter:alpha(opacity=30);这一个是针对IE浏览器
-moz-opacity:0.3;你需要这一个支持老版本的Mozilla浏览器如Netscape Navigator。
-khtml-opacity: 0.3;这是旧版本的Safari（1.×）当渲染引擎是使用仍被称为kthml，而不是目前的WebKit。
——这是目前最专业的回答

Answer 2

给这款导航的总div这是白色背景：然后透明样式代码：opacity:0.3;值从0-1之间，越高透明度越低；或者你可以做一个半透明背景图片也是可以的

追问

谢谢~

Answer 3

背景颜色透明度 background:rgba(255,255,255,.5)
Div整体透明度【包括文字 | 图片 | 背景】 opacity:0.5

Answer 4

直接在代码里用RGBA(0,0,0,(这里是透明度0-1))