0

画像の中にある div があります。ただし、画像が div よりも大きい場合は、div の外側に塗りつぶされます。私が欲しいのは基本的にマスクです。

したがって、画像は div の範囲内に表示される必要があります。background-image はオプションではありません。どのように解決できますか？

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

http://jsfiddle.net/pJC5e/

4

2 に答える 2

5

私が推測する使用overflow: hidden？

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

フィドル

于 2013-05-30T22:29:16.103 に答える
1

親コンテナにoverflow: hiddenルールを与えてみてください。これにより、親の境界に達すると、内側の画像が切り取られます。

于 2013-05-30T22:31:04.237 に答える