@Voodooas

Как исправить последовательность наложений изображений CSS HTML?

Здравствуйте, прошу помочь исправить
Не верно отображается последовательность слоев в мобильной версии, как поменять местами?
Режим ПК
5fd5337d7796c875632821.png
Режим Смартфон
5fd5338e269d9495411400.png

Выгрузил косок блока ХТМЛ и весь файл ЦСС
https://jsfiddle.net/voodooas/h3ga2seL/2/
  • Вопрос задан
  • 91 просмотр
Решения вопроса 2
vladchv
@vladchv
WordPress Developer
При текущем варианте верстки никак... Переделайте блок NEW абсолютом и будет вам счестье. Сейчас это просто background на родительском блоке.
Ответ написан
Комментировать
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Так как изображение контентное и подается непосредственно в html напрямую сделать никак, так как стилевые описания в данном кейсе будут идти, как основные, а инлайновые сверху. Собсно таким образом и формируя последовательность. Выйти можно за счет псевдоэлемента, или любого DOM-узла, которое будет спозиционировано по z-index-у выше. Еще интереснее решение — компонент на JS-фреймворке, который будет получать контентную пикчу, как пропс, и управлять последовательностью на уровне рендеринга.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы