Обращаюсь ко всем монстрам js&&css.
Как добиться такого результата? -)

По поводу полупрозрачного фона поверх контента не даст результата. Надо еще учитывать то, что дизайн адаптивный соответсвенно ресайзитса.
Оторвать голову дизайнеру не предлагать -))
Дизайнеры, вам только 1 вопрос, это вообще законно такое делать? -)