图像不可见的外部div元素边界

Question

如何使图像的一部分在div元素之外（其中包含）看不见？

例如，我有：Div.Div.ImageContainer的高度200像素，Div内部的图像（圆圈），200x200像素，图像的上半部分（圆圈）在div.imagecontainer

内

目前，如下：

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

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

Answer 1

overflow: hidden在父母div中应执行技巧