如何在没有容器移动不成比例的情况下在容器内添加图像？

Question

我创建了一个形状（确切地说是一个矩形），并且在这个形状中我希望图像与其实际大小重叠（例如，矩形将是400px乘400px，图像将是600px乘600px）。

有没有办法做到这一点？这是我正在描述的模型：

编辑：要实现这一目标，只需使用即可     z-index: 1;     position: absolute;

感谢用户acarlon。

Answer 1

我不是百分之百确定你所追求的是什么，但听起来你想要将一个图像裁剪成一个容器div。

你想要的是容器div上的overflow: hidden。有关详细信息，请参阅here。

您也可以使用clip。请参阅here。

<强>更新

实际上，您似乎希望一个图像与另一个图像重叠。在这种情况下，您想使用绝对定位和z-index。请参阅here。