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

Question

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

在Chrome浏览器中的图像始终是太大了。在Firefox它工作正常。当我按ctrl +加/减，背景图像获取铬大/小，而在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");

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