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
    Commented 20 апр. 2014 в 8:01
  • а что если попробовать background-size: cover; background-position: top right; или вариации (p.s. картинка должна задаваться через background-image)
    – ffeynmann
    Commented 20 апр. 2014 в 10:09
  • Какой-то сайт сатанистский) @jFox, если вы сами нашли решение проблемы, то ответьте на свой вопрос самостоятельно и примите ответ как правильный.
    – MDJHD
    Commented 21 апр. 2014 в 7:05
  • @jFox, сердечно прошу прощения, но вот как это выглядит на 1920 на 1080: imgur.com/OQprjRm
    – etki
    Commented 21 апр. 2014 в 7:11

1 ответ 1

2

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

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

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

Ваш ответ

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

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