Альтернативы background-size?

Question

Обычно IE не поддерживает CSS3 background-size, и я ищу обходной путь.

Я попытался поместить изображение в качестве первой вещи на странице с настройкой CSS, например:

#bg_stretch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
}

Работает хорошо по ширине, но добавление height: 100% не работает, поэтому оно покрывает длину страницы.

Answer 1

Вы ищете это?

http://jsfiddle.net/VMzFB/

CSS:

#stretch {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;

    /* only ie7 needs this */
    height: 100%;
}
#stretch img {
    width: 100%;
    height: 100%;
    display: block
}

HTML:

<div id="stretch">
    <img src="http://dummyimage.com/256x256/f0f/fff" />
</div>

Если это не совсем верно, посмотрите на идеи здесь:

http://css -tricks.com / 3458-perfect-full-page-background-image-image /

Answer 2

Попробуйте добавить bottom:0; к этому правилу CSS.