Как сверстать прямоугольные блоки с общим фоном

1,00
р.
У меня есть вертикальная панель блоков / кнопок.
Я хочу сделать так что бы у них был общий фон, как это можно сделать?

Исходная картинка


Ответ
Тут банально используется background-attachment: fixed на картинках.


.image-fixed {
width: 200px
height: 70px
margin: 15px
border: 5px solid black
background-image: url(https://i.sstatic.net/kO1xf.jpg)
background-attachment: fixed
background-size: 70%
background-position: -8px 2px
border-radius: 11px
text-align: center
font-size: 35px
color: white
}

#common {
background: blue
}

text

text

text

content content content content
content content content content
content content content content
content content content content
content content content content
content content content content
content content content content
content content content content
content content content content


Недостаток тут очевиден - при скролле картинка остается на месте. Какие хаки применить, причем без использования Javascript, чтобы блок дивов двигался вместе с картинкой - я пока не знаю