Как спозиционировать элемент относительно фона?

Question

[blackfish2]

Подскажите пожалуйста как сделать чтобы элемент располагался под нужным эдементом фона ( например под кружком номер 1 ( прилагаю скрин) joxi.ru/Vrwlbe9IOw6z0m

И чтобы при маштабировании он не катался в стороны? а зафикисровался относительно кружка номер 1

Помогите пожалуйста

Answer 1

[Максим Тимофеев]

Использовать для позиционирования и масштабирования и фона и элемента одинаковые единицы, например %.
Или использовать js для расчета положения элементов.
Еще как вариант, сделать это все на svg
Если хочется кода - предварительно выкладывайте свой код не скринами, а на https://jsfiddle.net или https://codepen.io

Answer 2

[Андрей Токмаков]

А в чем собственно сложность? https://jsfiddle.net/xNPC/x407gbjs/

Answer 3

[blackfish2]

То что при маштабировании фон двигается по своему а кубик по своему. и они разъезжаются

Comments

[Андрей Токмаков]

я дал ссылку на песочницу, все нормально там двигается, ни куда не разъезжается

[blackfish2]

Андрей Токмаков: извините что замучиваю, но фон же с шариками должен тоже сужаться, задаю ему
position: relative;
background-size: contain;
В итоге шарики сужаються а кубик уезжает)

[Андрей Токмаков]

blackfish2: тогда ни как, если только скриптами высчитывать позицию при ресайзе, но не думаю, что оно того стоит