Задать вопрос
@byshabay
html

Что делать, если свойство background работает для body, но не работает для div?

Не работает свойство background. Пытаюсь сверстать шапку для сайта, но не выходит вставить логотип.
HTML:
<body>
    <!--Навигация-->
    <nav>
        <div class="logo">

        </div>
    </nav>
</body>


CSS:
*{
    padding: 0;
    margin: 0;
}

nav{
    width: 100vw;
    height: 10vh;
    background-color: chartreuse;
}

.logo{
    width: 10vw;
    height: 10vh;
    background: url("./logo.png") no-repeat;
}


Путь верный. Если задать то же свойство background: url("./logo.png") no-repeat; для body, изображение отображается. CSS и изображение на одном уровне вложенности. Помогите, друзья, сломала всю голову!
  • Вопрос задан
  • 246 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@Floatname
Попробуйте
background-size: contain;
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
Dimastik86
@Dimastik86
(isset($brain))?: die; 
div {
background-color: #FCF8F7;
height: 120px;
background-image: url(https://html5book.ru/images/flower112.png);
background-position: left bottom;
background-repeat: repeat-x;
}
Ответ написан
3 комментария
3 комментария
@Evdokim001
PHP & WordPress developer
Добрый день. Если css и изображения на одном уровне не нужно было ставить ./ в скобках
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы