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

【问题标题】：Image invisible outside div element bounds图像在 div 元素边界外不可见
【发布时间】：2016-12-21 10:03:26
【问题描述】：

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

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

目前情况如下：

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

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

【问题讨论】：

【解决方案1】：

父 div 内的overflow: hidden 应该可以解决问题

【讨论】：