我想使用html和css来实现这一点：
我试图将容器的不透明度设置为0.3，将框设置为1，但不起作用：两个div都有0.3个不透明度。
解决方法
据我所知，你不能以简单的方式做到这一点。这里有几个选择：
1.使用绝对定位将盒子的“内部”放置在容器中。
1.使用绝对定位将盒子的“内部”放置在容器中。
<!DOCTYPE html>
<html lang="en">
<head>
<style>
#container {
opacity: 0.3;
background-color: #777788;
position: absolute;
top: 100px;
left: 100px;
height: 150px;
width: 300px;
}
#Box {
opacity: 1;
background-color: #ffffff;
position: absolute;
top: 110px;
left: 110px;
height: 130px;
width: 270px;
}
</style>
</head>
<body>
<div id="container"></div>
<div id="Box">
<p>Something in here</p>
</div>
</body>
</html>
>使用Javascript – 与上述几乎相同，但位置和大小不必被硬编码。
