изображение только показ внутри div

Question

У меня есть div, который внутри изображения. Однако, если изображение больше div, оно будет заполняться вне div. То, что я хочу, это маска в основном.

Таким образом, изображение должно быть видимым в пределах div. background-image не является вариантом. Как можно решить?

<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 правило. Это отрежет изображение внутри, когда оно достигнет границ родителя.