纯白色背景色

Question

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

Answer 1

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

例子：

<style> 

#menu-id{ 
     background-color: white; 
} 

</style> 

Answer 2

没有看到你的代码，我会推荐一些事情。

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

这应该做的伎俩。如果您仍然遇到问题，请发布您的代码。

Answer 3

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

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

 
</style>

Answer 4

使用的背景颜色，就像下面的例子中，改变.box背景颜色#fff得到白色。

.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; 
 
}

<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>