CSS溢出隐藏在绝对位置

小编典典

CSS溢出隐藏在绝对位置

css

我一直在努力奋斗。我想绝对定位将在div中移动的图像，并希望剪切超出div的任何内容。这是问题的示例：

<html>
<body>
  <div style="width: 500px; height: 200px; border: 1px solid black; overflow: hidden;">
    <div style="width: 200px; height: 50px; margin: auto; border: 1px solid black; background: gray;">On top of image.</div>
    <div style="position: absolute; top: 10px; left: 250px; z-index: -1;"><img src="http://www.google.com/logos/worldcupfinale10-hp.gif" /></div>
  </div>
</body>
</html>

因此，我希望徽标的右边缘不显示。有想法吗？

阅读 397

2020-05-16

共1个答案

小编典典

由于图像的容器是绝对放置的，因此它不在“包含” div的范围之内。

您的选择是使用jQuery动态定位相对位置或调整绝对定位div的尺寸。

2020-05-16