Нужно изображение для переполнения Div в Internet Explorer

Question

У меня есть div-класс, который я назвал .header с высотой 30 пикселей.

Внутри .header div у меня есть изображение Я хочу, чтобы переполнилось.

Изображение имеет высоту 50px и переполняется в Chrome и Firefox.

Почему он не переполняется в Internet Explorer? .header div просто расширяется до 50px, поэтому больше не переполняется.

Answer 1

если вы хотите, чтобы он работал во всех браузерах, вы могли бы дать div фоновое изображение, например

<div style="background: url(your_image.jpg); background-repeat: no-repeat;" >
</div>

или если вы хотите, чтобы содержимое переполнялось из div, попробуйте

<div style="overflow: visible;" >
</div>

Answer 2

Для IE вам нужно установить div, содержащий изображение или само изображение:

position:relative;

Это должно работать нормально и отображать переполнение изображения.