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