无法通过烧瓶中的 css 更改背景图像大小

Question

我的静态文件夹中有一个 css 文件，我在其中为我的 Flask 应用程序的站点设置了背景图像。但是，无论我尝试什么，它都不会应用我插入的任何“大小”参数。它总是保持不变！ background-size 被浏览器忽略。它看起来总是一样的。

在 Chrome 中，图像总是太大。在 Firefox 中它可以正常工作。当我按 ctrl + plus/minus 时，背景图像在 chrome 中变大/变小，而在 Firefox 中它保持不变。我做错了什么？

我将 style.css 文件插入到我的 html 模板中：<link rel="stylesheet" href=" {{ url_for('static', filename='style.css') }} ">

我的 style.css 文件：

body {
    background-image: url("myPicture.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

Answer 1

.css 文件中的 url 未指向有效的图像文件 url。假设文件存储在您应用的静态文件夹中，您可以尝试：

background-image: url("static/myPicture.jpg");

我不确定当前背景图片来自哪里，我们根本没有足够的信息来正确调试。