html - 仅显示 div 内部的图像

Question

我有一个图像内部的 div。但是，如果图像大于 div，它将填充到 div 之外。我想要的基本上是一个面具。

所以图像应该在 div 的范围内可见。背景图像不是一个选项。怎么能解决？

<div style="height:400px; width:400px; background-color:red">
    <img src="xxx.jpeg"/>
</div>

http://jsfiddle.net/pJC5e/

Answer 1

使用overflow: hidden我猜？

<div style="height:400px; width:400px; background-color:red; overflow: hidden">
    <img src="xxx.jpeg"/>
</div>

小提琴

Answer 2

尝试给父容器一个overflow: hidden规则。这将在图像到达父级边界时切断内部图像。