4

Имеется сайт.

На заднем плане находится следующее изображение. В правом нижнем углу находится пара героев составляющих саму суть картины.

Встал вопрос: Как сделать так, чтобы их было видно всегда, при любом разрешении экрана?

Update: Проблема была решена следующим способом:

background-size:100% 100%;
background-attachment: fixed; 
background-repeat:no-repeat;

background-position: bottom right;
4
  • @jFox, я вижу два варианта: 1. Принудительно растянуть изображение (width:100%; height: 100%) 2. Вырезать героев и поместить в угол родительского элемента (position: absolute; right: 0; bottom: 0 изображению и position: relative родительскому элементу). Этот вариант более предпочтителен, но придется повозиться с вырезанием. Контент на сайте абсолютно волшебный.
    – etki
    20 апр 2014 в 8:01
  • а что если попробовать background-size: cover; background-position: top right; или вариации (p.s. картинка должна задаваться через background-image)
    – ffeynmann
    20 апр 2014 в 10:09
  • Какой-то сайт сатанистский) @jFox, если вы сами нашли решение проблемы, то ответьте на свой вопрос самостоятельно и примите ответ как правильный.
    – MDJHD
    21 апр 2014 в 7:05
  • @jFox, сердечно прошу прощения, но вот как это выглядит на 1920 на 1080: imgur.com/OQprjRm
    – etki
    21 апр 2014 в 7:11

1 ответ 1

2

Проблема была решена следующим способом:

background-size:100% 100%;
background-attachment: fixed; 
background-repeat:no-repeat;
background-position: bottom right;

расширил задний фон изображения по ширине до 2560px

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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