图像只显示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>

FIDDLE

Answer 2

尝试为父容器指定overflow: hidden规则。当它到达父母的边界时，这将切断内部的图像。