Задать вопрос
@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 и изображение на одном уровне вложенности. Помогите, друзья, сломала всю голову!
  • Вопрос задан
  • 326 просмотров
Комментировать
Подписаться 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 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать и доработать функицонал: Ruby on Rails
28 нояб. 2024, в 09:53
100000 руб./за проект
Отрисовка сервиса соискателей с многоролевой моделью
28 нояб. 2024, в 09:46
800 руб./в час
MODX: выбор нескольких элементов для TV полей с вводом текста в поле
28 нояб. 2024, в 09:05
2000 руб./за проект
Ещё заказы