我想隐藏两个图像（部分）在我的中心/主 div 后面，就像它显示在我包含的图片上一样 [图像是蓝色的，中心 div 是棕色的，深蓝色是应该隐藏在 div 后面的图像]。这两个图像包含在 HTML 中（作为标签）。它们必须（因为它们目前是）HTML 的一部分，而不是通过 CSS “注入”。 图像的定位不是问题，但“重叠/隐藏”是。我通过 z-index 尝试了很多次但无济于事。
谁能帮忙？
【问题讨论】：
position:relative;.
如果不查看您的 HTML/CSS，将更难诊断问题，但听起来您将正文元素与定位元素混淆了。 Z-index 不适用于 body 元素，因此您应该尝试将蓝色图像放入 div 并将该 div 拉到棕色 div 后面。
您可以在这篇较早的帖子中找到更多信息和 jsfiddle 示例：Hiding a image under the div
【讨论】：
如果您希望将它们部分隐藏在主 div 后面，您可以设置父容器（您的 body 标记，如果没有其他内容包含主 div）并使用 background-image: url(image1.png), url(image2.png); 然后在 css 中添加您的图像@ 987654322@。您还可以使用像素或百分比来分别确定水平和垂直的位置。这样，您就不必为 z-index 操心了。
但是，无论是这个还是 z-index 都不能解决您让图像部分可见的其他问题。为此，您可以使用 background: rgba(0, 0, 0, 0); 设置主 div 背景的颜色和不透明度，其中前三个零可以是 0 到 255 之间的任何数字，代表红色、绿色和蓝色，第四个零代表从0 到 1（作为小数）决定不透明度。数字越小，背景越透明。它越透明，你就越能看到它背后的图像。
或者，您可以像上面一样使用opacity: 0;
【讨论】：