Wewnętrzna zawartość Clipa div

Question

Mam DIV o wielkości 147x88 i wewnątrz niego obraz o tej samej szerokości, ale może być większy. W tym przypadku obraz wykracza poza granicę DIV. Czy mimo to można przyciąć obraz, pamiętając, że chcę, aby moja strona działała w starych przeglądarkach, które nie obsługują CSS3 (IE7 i IE8)?

Answer 1

Po prostu ukryj przelew elementu div, a zawierający obraz zostanie przycięty do wymiarów elementu div.

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

Answer 2

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

Answer 3

Ten question pokazuje jak uzyskać rozmiar obrazu przy użyciu jQuery. Możesz mieć mały blok, który sprawdza rozmiar obrazu podczas ładowania strony i odpowiednio ustawić rozmiar DIV.

Answer 4

Set overflow:hidden; na div:

#yourDiv { 
width:147px; 
height:88px; 
overflow:hidden; 
} 

Przykład: http://jsfiddle.net/purmou/sN5PL/