Подогнать изображение в DIV в Internet Explorer 8

Question

Подогнать изображение в DIV в Internet Explorer 8

0

Мне нужно показать изображение, которое помещается в тег div. Этот код отлично работает в Chrome, но когда я визуализирую его в Internet Explorer 8, я получаю обрезанное изображение. Это мой код


.grid{
    background:url('./images/grid.png');
    background-repeat:no-repeat;
    width:730px;
    height:647px;
    background-size: contain;
    background-size: 100% 100%;
}

<div id="pointer_div" onclick="point_it(event)" class="grid">
...
</div>

Не знаю, помогает ли это, но я должен использовать

<!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//en">

Kohakukun 24 сен. 2013, в 18:35

Источник

Теги:

html

css

internet-explorer

2 ответа

Ещё вопросы

lefoy · Answer 1 · 2013-09-24T14-06-00.000Z

Размер background-size атрибута не работает в IE8.

Вы должны попытаться добавить <img> внутри своего div и использовать max-width: 100%; на <img>.

http://caniuse.com/background-img-opts

Зачем вам нужна max-height ? высота должна регулироваться с max-width: 100%; , Если по какой-то причине высота не регулируется, используйте height: auto;
Иногда изображения больше по высоте, но не по ширине и, следовательно, могут не соответствовать ширине. В этих случаях использование max-height имеет смысл ...

Paulie_D · Answer 2 · 2013-09-24T14-42-00.000Z

Вы должны знать, что background-size не поддерживается IE8