Ищете лучший способ установить изменяемый размер фона Css3 / HTML / mootools

Question

Я нашел некоторый код, который позволяет мне изменить размер окна браузера и соответственно сбросить изображение h + w, например

    html {
        background: url(css/images/600.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

Мне не ясно, как изменить фон этого элемента, так как в следующей строке не удается найти элемент html

window.addEvent('domready', function () {
    $(this).setStyle('background', 'url(css/images/600.jpg) no-repeat center center fixed;');
});

Как изменить фоновое изображение тега html с помощью скрипта mootools? Было бы лучше установить класс для элемента HTML, если так, как я могу ссылаться на элемент по классу?

Answer 1

внутри функции domready, this - это элемент window, а не html элемент

должен выглядеть примерно так:

window.addEvent('domready', function () {
    this.document.html.setStyle('background', 'url(css/images/600.jpg) no-repeat center center fixed');
});

Надеюсь, это поможет

Кстати: Я бы не стал придавать стиль элементу html, это вызывает проблемы в IE.Лучше стилизовать тег body или создать оболочку div