• Как правильно расположить div на backround-image?

    @Shiki00
    Если хочешь повторить точно как на psd, тогда придется делать через position absolute. Не забудь дать relative блоку, на котором будет находиться div с этой картинкой.
    Ответ написан
    Комментировать
  • Как правильно расположить div на backround-image?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Абсолютное позиционирование, только так. Идеального результата не будет. Задавать надо в процентах с учетом процентного заполнения картинкой (можно не бэкграундом делать, а вставлять картинку, которая задает размер). Когда изображение пропорционально масштабируется легче угадать позицию текста в процентах.

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

    Как вариант еще можно вырезать картинку лампочку из фона и использовать ее в рамках сетки, можно даже применить гриды, чтобы было типтопчик, но без медиазапросов это все равно обречено на провал.
    Ответ написан
    Комментировать
  • Как правильно расположить div на backround-image?

    wapster92
    @wapster92 Куратор тега CSS
    Вырежи лампочку, и насильно прибей через позиционирование к списку или что там у тебя.
    Ответ написан
    Комментировать