允许特定标签覆盖溢出：隐藏

Question

I’ve got a <div> , that’s a certain height and width , and overflow:hidden so that specfic inner images are clipped;但是我想要 <div> 中的一张图片弹出边界（即覆盖 overflow:hidden ），我该怎么做？

原文由 user965369 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以通过将 ‘overflow:hidden’ div 包装在另一个 div 中来做到这一点。例子：

 <div class="outer">
  <div class="inner">
    <img src="img1" alt="">
  </div>
  <img src="img2" alt="">
</div>

.outer, .inner{
   position:relative;
}

.inner{
  overflow:hidden;
}

img{
  position:absolute;
}

在上面的例子中，div 内的所有类为“inner”的元素都将受到“overflow:hidden”的影响。放置在内部 div 之外的图像可以自由移动到边界之外。

这样我们可以使某些图像从内部 div 中弹出。

原文由 Karthik Prasad 发布，翻译遵循 CC BY-SA 4.0 许可协议