2011-08-16 6 views
6

私は147x88のサイズのDIVを持っていますが、その内部には同じ幅を持ちますが、高さがより大きい場合があります。この場合、イメージはDIVの境界を超えます。とにかく、私はCSS3(IE7とIE8)をサポートしていない古いブラウザで動作するように私のページを念頭に置いてイメージをクリップする必要はありますか?divの内部コンテンツをクリップする

答えて

8

divのオーバーフローを隠すだけで、含まれている画像がdivのサイズに切り取られます。

div{width: 147px; height: 88px; overflow: hidden;} 
+0

'オーバーフロー:静的コンテンツのために働くhidden'。ただし、div内のコンテンツにアニメーションを適用する場合はどうすればよいですか?アニメーションが行われている間、オーバーフローはキャンセルされ、アニメーションが終了すると戻ってきます。回避策はありますか? – Pyroglyph

3

div { width: 147px; height: 88px; overflow: hidden; }

1

このquestion jQueryのを使用して画像のサイズを取得する方法を示しています。 ページを読み込むときに画像のサイズをチェックし、それに応じてDIVのサイズを設定する小さなブロックを持つことができます。 divの上

関連する問題