Задать вопрос
gluck59
@gluck59
Виртуальный глюк
html

Почему не создаются псевдоэлементы?

Привет

Поймал классный глюк, впервые такое вижу.
Дизайнер прислал html+css, там ничего особо страшного, но некоторые блоки сделаны с псевдоэлементами:

.work-item__model-1::before {
    left: 5px;
    width: 139px;
    height: 110px;
    background: url(../img/resh/work.model.1.png) no-repeat center;}


Загружаю с диска, все ок:
3d33e76c9db64375b58fec03edfc8830.png

Заливаю на сервер, а там псевдоэлементов просто нет:
cbfb7fdb71314d5f8a46865659947bee.png

css на сервак залит, я прежде всего побежал с ним экспериментировать, но фигушки...
На серваке MODX Revo, вебсервер nginx, другие png-картинки отображаются корректно.

Как такое может быть?
  • Вопрос задан
  • 201 просмотр
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
Realetive
@Realetive
MODX Ambassador России, самозванный БЭМ-евангелист
MODX тут ни при чём. Чтобы работали псевдоэлементы, обязательно должно быть свойство content:
.work-item__model-1::before {
  content: '';
  /* … */
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Krasnodar_etc
@Krasnodar_etc
avito front
Кэш? Сборка?
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать фронтенд для веб-сервиса по посуточной аренде квартир
23 апр. 2024, в 20:01
1000 руб./в час
Доработка парсера
23 апр. 2024, в 19:21
300 руб./за проект
Верстка сайта
23 апр. 2024, в 19:05
15000 руб./за проект
Ещё заказы