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;');
});

如何通过mootools脚本更改html标签的背景图片？将类设置为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');
});

希望这有帮助

BTW：我不会给html元素一个样式，它会导致IE出现问题。最好设置body标签的样式或创建包装器div

寻找更好的方法来设置可调整大小的背景Css3 / HTML / mootools

1 个答案: