Question

我对HTML / CSS相当新，我正在开发一个非常简单的网站，顶部有一个白色菜单栏（它看起来比听起来更好）。但是，不幸的是菜单栏背景是透明的 - 当我向下滚动页面时，文本似乎出现在菜单栏中。如何使白色背景不透明？

Answer 1

您可以通过将背景颜色声明为白色来实现此目的。

示例：

Test()

Answer 2

如果没有看到您的代码，我会推荐一些内容。

设置background: white;
设置opacity: 1.0;

这应该可以解决问题。如果您仍然遇到问题，请发布您的代码。

Answer 3

<style>#menuid{background: rgba(255, 255, 255, 0.3);}</style>

＆＃13;

<style>#menuid {
  background: rgba(255, 255, 255, 0.3);
}

</style>

＆＃13;

Answer 4

使用背景颜色，如下例所示，更改.box背景颜色#fff以获得白色。

＆＃13;

.box {
  width:100%;
  background:#eee; /*background:#fff; use here white background */
}
.box ul {
  margin:0px;
  padding:0px;
  list-style:none;
}
.box ul li {
  display:inline-block;
}
.box ul li a {
  display:block;
  padding:5px;
  margin:1px;
  text-decoration:none;
}
.box ul li a:hover {
  background:#ddd;
}

＆＃13;

<div class="box">
<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Home</a></li>
  <li><a href="#">Home</a></li>
  <li><a href="#">Home</a></li>
</ul>
</div>

＆＃13;

纯白色背景色

4 个答案: