Javascript 如何在css中创建隐藏效果

我的代码：

*{
保证金：0；
填充：0；
}
身体{
背景：rgb（175103233）；
背景：线性梯度（180度，rgba（175、103、233、1）10%，rgba（101、101、231、1）57%）；
背景重复：无重复；
高度：100vh；
字体大小：12px；
}
.内容包装器{
宽度：60%；
身高：70%；
位置：绝对位置；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
背景色：hsl（240,5%，91%）；
边界半径：20px；
}
.妇女{
位置：绝对位置；
左：-100px；
}

前端导师|常见问题手风琴卡
使用主体似乎有点奇怪，更不用说您希望它重叠的元素在主体内。你可以试试z-index，不过我建议你做一点调整。
发布新图片后，我可以找出问题所在。它是一个长方体阴影，既位于父元素上，也位于伸出父元素的子元素上，只在主体元素上投射阴影

这很棘手。我的第一个想法是将
.content wrapper
的框形状改为“粘贴在外部”，然后将图像压缩到添加的空间中，将其作为背景图像放置。不过，我看不出这将如何与不同的分辨率进行缩放

因此，我建议尝试的一个技巧是使用伪元素，将图像放在其中，以获得与可见图像相同的大小。然后将伪元素放置在具有相同框阴影的父元素下。下面的代码显示了它的样子

这不是一个完美的解决方案，但我认为它至少是响应性的


main{
最小高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
部分{
位置：相对位置；
宽度：300px；
高度：300px；
背景色：白色；
边框：1px实心#ccc；
边界半径：10%；
}
第节，
节：：之前{
盒影：0px 10px 20px 0px#888；
}
节：：之前{
内容：“；
z指数：-1；
}
飞机
节：：之前{
位置：绝对；/*必须为绝对，z索引才能工作*/
顶部：10px；
左：-20px；
高度：180像素；
宽度：150px；
变换：旋转3d（1,0,1,60度）；
}
.飞机{
背景色：#ccc；
}

可能是我的英语，但我不明白你在找什么。你能提供一张它应该是什么样子的图片吗？身体不能重叠任何东西，因为所有东西都在身体里body@Paulie_D不是100%正确。我们可以在身体后面有元素（）。我们不能使用html元素这里是我想要实现图像链接的结果：是的，我尝试将其包装到另一个div中，但响应仍然相同