通过在烧瓶CSS无法更改背景图片的大小

Question

我的静态文件夹中有一个CSS文件，在其中我为Flask应用程序的网站设置了背景图片。但是，不管我怎么努力，它不适用任何“大小”参数我插入。它总是保持不变！ background-size被浏览器忽略。它总是看起来是一样的。

在镀铬的图像总是过大。在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");

我不知道在当前的背景图像是从哪里来的，我们根本没有足够的信息来正确地调试。