Отзывчивое фоном Изображение

Question

В настоящее время я работаю над проектом, который включает фоновое изображение, которое должно быть связано конкретно с элементом в контейнере div.

Ссылку: http://idearevolution.ca/clients/jab/

Проблема Я бегу в том, что, как я изменить размер моего экрана зеленый круг не остается за парнем. Я столкнулся с проблемами с отзывчивыми фоновыми изображениями, которые в прошлом работали с элементами внутри области, но я никогда не был доволен своими решениями.

Последнее, что я пробовал, это использовать Sass для запуска цикла, добавляя медиа-запрос для обновления позиции каждые 10-20 пикселей. Мне не нравится это решение, однако из-за раздувания кода, который он генерирует.

Мне интересно, если кто-то столкнулся с этим вопросом раньше, и если да, то как вы его решаете? Я пробовал несколько вещей, но я просто не доволен решением.

Любая помощь будет отличной.

Спасибо, Andrew

Answer 1

Семантика бы решить эту проблему лучше.

Семантика использования изображения заключается в следующем:

Если изображение не добавляет к содержанию и объяснения сайта, не использовать изображение.

Таким образом, на самом деле это изображение похоже, что оно должно быть частью дизайна. Поэтому используйте функцию CSS3 от Multiple Backgrounds.