Css不透明度一个两个div，带负边距

html：
AAAAA
bbbbbbbbbb
css:
#一个{
背景颜色：黄色；
宽度：300px；
高度：300px；
不透明度：0.5；
}
#两个{
背景颜色：蓝色；
宽度：200px；
高度：200px；
利润上限：-100px；
}

我想将不透明度0.5设置为较大的div，并保留较小的div不透明度1。问题是小div和大div的叠加也会受到影响

css有没有办法阻止这种行为

谢谢

只需添加：

  #one {
      position: relative;
      z-index: -1;
  }

或

---

制作上面的其他div。

太好了！职位：我缺少的是亲戚。：）

  #one {
      position: relative;
      z-index: -1;
  }

z-index: 1;