0
&__title {
        position: relative;

        color: #FFF;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 48px;
        font-weight: 500;
        line-height: 60px;
        letter-spacing: -1px;

        &::before {
            content: '';

            position: absolute;
            top: 0;
            left: 0;

            display: block;

            width: 126.677px;
            height: 131.955px;
            transform: rotate(-120deg);

            background: url(/images/icons/leaf2.png) no-repeat;
        }
    }

Если в devTools-е посмотреть видно, но он почему-то не отображается. Если написать текст в content, текст отобразится.

1
  • Проверьте путь к изображению, которое устанавливается в качестве фона псевдоэлемента.
    – Deonis
    Commented 2 сент. 2023 в 11:38

2 ответа 2

0

Я не особо знаю CSS, но попробуй

&__title {
    position: relative;

    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -1px;
}
&::before {
        content: '';

        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 126.677px;
        height: 131.955px;
        transform: rotate(-120deg);

        background: url(/images/icons/leaf2.png) no-repeat;
    }
1
  • 1
    У него написано всё тоже самое, только он использует препроцессор scss. Но за попытку красавчик, приятно видеть твои старания, не сдавайся:) Commented 2 сент. 2023 в 12:07
0

У тебя всё работает, проблема в пути картинки. Чтобы проверить это, можешь вместо фоновой картинки закрасить весь псевдоэлемент в один цвет (через background-color) и сразу же его увидишь.

Ещё как вариант, можешь зайти в devtools и попробовать открыть фон по ссылке (правой кнопкой по ссылке и выбрать "open in new tab"). Если картинки по такому пути нет, то выдаст "Cannot GET" на странице, а если есть, то покажет картинку.введите сюда описание изображения

Можешь почитать тут про ссылки

Ваш ответ

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

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