html - 如何在 html 和 css 中创建透明背景颜色

标签 html css

<分区>

我正在创建一个网站,它有菜单,有一个类顶部栏和白色背景,我想让它不完全透明,但我仍然可以看到白色我正在使用 Dreamweaver,所以我该怎么做

<html>
<head>
<title></title>
<style type="text/css">
a{
text-decoration:none;
color:black;
}
a:hover{
text-decoration:underline;
}
ul{
list-style:none;

}
li{
float:left;
font-size:20px;
padding-left:10px;

}
.background{
margin:0;
background-image:url("MWYLJ6SRDM.jpg");
background-size:1380px  auto;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;

}
.topbar{
background-color:white;
height:50px;
width:100%;
color:black;
position:fixed;
z-index:1;
}

</style>
</head>
<body class="background">
<div class="topbar">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
</body>
</html>

最佳答案

您可以使用:

background-color:rgba(255, 255, 255, 0.5);

示例中的“0.5”值表示不透明度值,您可以在其中调整透明度。其他值表示 RGB 值,因此您可以使用它们调整背景颜色。

关于html - 如何在 html 和 css 中创建透明背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38012497/

上一篇:javascript - 使用 PHP 加载只有错误值的页面

下一篇:css - 可以使用用作背景的 SVG 图像的 CSS 更改颜色和其他属性吗?

相关文章:

html - 子容器的 CSS 背景颜色延伸到父容器

php - 如何在已解析的 HTML 数据中查找元素

javascript - AngularJS 指令需要监视两个属性

html - 如何使CSS高度为: 100% take effect in a varying height container?

css - 如何使 div 成为页面大小的 80%?

html - anchor 标记在 IE6 中无法打开 PDF

javascript - 使指标围绕一个圆圈移动

browser - 如何播放 H264 视频?

css - Flexbox 使 Safari 中的所有内容都成为列

html - 调整 TextAreaFor 的宽度