javascript - 使用 jQuery 调整窗口大小的背景

标签 javascript jquery html css resize

我正在尝试使用 jQuery 调整网站背景图片的大小以适应当前窗口的任何宽度和高度。

目前我正在做这个

$(window).resize(function()
        {

            $("body").css({"background-size" : "100% 100%"});

        });

这导致背景根本不显示。如果我省略 100% 之一,它会延伸到宽度而不是高度。我不确定我在这里遗漏了什么。

最佳答案

我建议只使用 css。

html{
  background: url(images/bg.jpg) no-repeat center center fixed;
  background-size: cover;
}

我使用 html 而不是 body,因为它始终是 100% 100%,这对背景非常有用。

关于javascript - 使用 jQuery 调整窗口大小的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22751600/

相关文章:

javascript - HTML 5 Canvas 中的一手拉圆模拟

javascript - 更改html中的href

javascript - 包含导航栏子菜单代码的外部 Java 脚本文件不起作用

javascript - 如何使用基于时间的表达式?

javascript - ckeditor.js 中的 Internet Explorer 11 语法错误

javascript - 从 JSON 数据动态生成 JavaScript 中的列表下拉列表

php - 对于使用 PHP 呈现的 HTML,将 CSS 放入此类 HTML 中哪种方法更快。包括倾斜 CSS 或从接收页面调用类?

javascript - CodeKit编译错误,包括咖啡文件中的JS文件

javascript - paper.js onFrame 方法不起作用

javascript - $(document).ready(function() 干扰日期选择器显示?