图像在div元素边界外不可见

Question

如何使div元素（包含它）之外的图像部分不可见？

例如，我有： div.imageContainer，高度为200像素， div内的图像（圆圈），200x200像素， 图像的上半部分（圆圈）位于div.imageContainer

内

目前，情况如下：

div.imageContainer
{
position: relative;
}
div.imageContainer img
{
position: absolute;
top: 100px;
}

然而，div元素之外的下半部分是可见的，并且下面几个其他元素重叠（我正在尝试构建测试横幅）。如何隐藏元素之外的图像的部分？

Answer 1

父div中的

overflow: hidden应该可以做到这一点