1

Уже все проверял, но картинки нету. :с

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="logo">text stack</div>
</body>

</html>
.logo {
    background-image: url(../image/logo.png)
}

15
  • Посмотрите в DevTools (консоли разработчика) браузере, находит ли он путь до картинки
    – aletoropov
    Commented 9 янв. в 4:37
  • Да, там все гуд
    – teamPandas
    Commented 9 янв. в 4:41
  • Возможный дубликат вопроса: Background-image не работает Commented 9 янв. в 5:03
  • Путь указан верно + добавил в link - type="text/css" И ничего
    – teamPandas
    Commented 9 янв. в 5:07
  • 1
    @eccs0103: 100%, что текст в блоке только в примере, а в реальном коде там пусто. Потому блок нулевой высоты, вместе со своим фоном :)
    – UModeL
    Commented 9 янв. в 14:25

1 ответ 1

0

У картинки нет размера, поэтому размер у нее 0. Поставьте в абсолютных или в процентах ширину и высоту в css:

.logo {
    background-image: url(image/logo.png);
    width: 200px;
    height: 200px;
}
1
  • У вас url с пути сбился
    – eccs0103
    Commented 9 янв. в 6:43

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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