有什么方法我可以让盒子不显示粉红色？那盒子里面的所有区域都显示出身体的蓝色？理想情况下，解决方案不是我在盒子周围制作四个粉红色div的东西，而是使用我已经拥有的div。也许使用z-index有些棘手？我还需要它来显示实际的身体背景。将框的背景颜色更改为蓝色将不起作用。谢谢。
body {
background-color: azure;
}
#pink {
position: absolute;
width: 95%;
height: 100px;
background-color: pink;
z-index: -1;
}
#box {
position: absolute;
width: 100px;
height: 100px;
left: 45%;
border: 1px dotted black;
background-color: none;
z-index: 1;
}<div id='pink'></div>
<div id='box'></div>如上所述，以某种方式实现这一目标的唯一方法是给它background-color: inherit。
属性z-index永远不会在<body />标记后面放置任何东西，因为它位于DOM的层次结构之上。
只要盒子放在粉红色的右侧，你想要透视吗？
您可以使用background-color:inherit属性，因为它将从具有azure背景的父元素继承。
#box {
position: absolute;
width: 100px;
height: 100px;
left: 45%;
border: 1px dotted black;
background-color: inherit;
}