css - 无法通过 flask 中的CSS更改背景图像大小

Question

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

在 Chrome 中，图像总是太大。在 Firefox 中它工作正常。当我按 ctrl + 加号/减号时，背景图像在 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");

我不确定当前背景图像的来源，我们只是没有足够的信息来正确调试。