Фоновое изображение с элементами управления на весь экран

[Akkord87]

Верстаю макет и столкнулся с проблемой:

- необходимо сверстать фоновую картинку размером: 1900x1000 на все окно браузера (чтобы она подстраивалась под разное разрешение),а так же не появлялась прокрутка по вертикали и горизонтали (с этим я справился. При этом на фоновом изображении должны быть 5  прямоугольных блоков (ссылок), каждый такой блок находится на определенном рисунке этого изображения. Проблема состоит в том, что эти блоки при разных разрешениях экрана, уезжают со своих мест, так как размер картинки меняется. Пробовал задавать позиционирование блоков в процентах, так же задавал размеры блоков в процентах но не помогает... При изменении разрешения эти пять блоков смещаются со своих мест.

Для фоновой картинки я так же задавал свойство background-size: cover; чтобы картинка всегда растягивалась.

 

Есть ли способ сделать так, чтобы эти блоки, при изменении размера картинки по вертикали или горизонтали (то есть изменении разрешения)  сохраняли свое положение?

[swandev]

Покажите что у вас получилось

[npofopr]

Никак в общем то, скорее всего. Тем более у вас background-size

Для каждого разрешения подгоняйте свои блоки, это самое простое будет. 

Edited August 11, 2014 by npofopr

[Akkord87]

Никак в общем то, скорее всего. Тем более у вас background-size

Для каждого разрешения подгоняйте свои блоки, это самое простое будет. 

а есть ли какой плагин jquery, который помог бы это реализовать? Или тут действительно нужно несколько макетов под определенное разрешение?

[ows.nightwolf]

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

Edited August 11, 2014 by ows.nightwolf

[npofopr]

Если там осознанная картинка, то и svg не поможет. Её же наверно нельзя растягивать?

[Akkord87]

Если там осознанная картинка, то и svg не поможет. Её же наверно нельзя растягивать?

Главная цель - это сохранить позицию блоков на картинки, даже если ее растянуть (поменять разрешение), блоки все равно должны остаться на своих местах.

Мне кажется, что тут единственный вариант это при помощи media query прописать несколько условий для разных разрешений.