0

Почему не срабатывает background-size: cover? Попробовал создать тестовую страницу, удалив всё лишнее, и там тоже самое.

Вот текст HTML

    <!DOCTYPE html>
    <html lang="ru">
    <head>
        <link rel="stylesheet" type="text/css" href="styleindex_tst.css" />
    </head>
    <body>
    </body>
    </html> 

А вот CSS

body {
    background-image: url("img/fav.jpg");
    background-size: cover;
    background-color: red;
    background-repeat: no-repeat;
}

При таком коде изображение растягивается только по ширине. Красный цвет фона я задал, чтобы убедиться, что цвет при этом заливает всю и ширину и высоту, и это действительно так. Что я сделал неправильно? Попытки изменить размер на 100% не изменили ситуацию. Если убрать no-repeat, начинается мозайка, которая мне не нужна

1
  • 1
    высоту укажите .. 13 мар 2020 в 11:21

1 ответ 1

1

Высоту не забывайте указывать. И заглядывайте в панель разработчика в браузере. Много вопросов отпадать будет :)

html {
  height: 100%;
}
body {
  min-height: 100%;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.