我正在制作一个网站,我有一个浅蓝色的背景,然后我有一个白色的透明矩形。然后在那里我有一个 div 我的实际信息将是这样的
<div id = "transparent">
<div id = "yourinfo">
<div id = "profileinfo">
<span id = "yourname"> Name </span>
<br>
<span> View </span>
</div>
</div>
</div>
但是,当我尝试为透明矩形上方的主页提供背景颜色时,此元素也是透明的,如何删除此透明度并使此元素看起来好像在透明矩形之上?
这是我的这些元素的CSS
div#transparent{
margin: 40px 40px auto;
margin-top:0px;
height: 620px;
background-color: white;
opacity:.3;
padding: 20px;
}
div#yourinfo{
width: 350px;
height: 250px;
background-color: red;
border: 1px solid gray;
opacity:1;
-webkit-border-radius: 15px;
padding:10px;
}