Не могу изменить размер фонового изображения через css в колбе - PullRequest
0 голосов
/ 02 февраля 2019

В моей статической папке есть файл 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;
}

1 Ответ

0 голосов
/ 03 февраля 2019

URL-адрес в файле .css не указывает на действительный URL-адрес файла изображения.Предполагая, что файл хранится в статической папке вашего приложения, вы можете попробовать:

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

Я не уверен, откуда исходит текущее фоновое изображение, у нас просто недостаточно информации, чтобы правильноотладки.

...