Заблокировать/зафиксировать изображение в точном месте на фоновом изображении

Question

Я пытаюсь установить изображения как ссылки на точное место на фоновом изображении. Мне нужно, чтобы ссылки на изображения оставались в одном и том же пространстве на фоновом изображении и были отзывчивыми.

Я использую html и css и мало знаю о каком-либо другом языке программирования. Я пытаюсь использовать фиксированное фоновое изображение и четыре изображения в качестве ссылок с абсолютными значениями позиции, но ссылки изображения перемещаются при изменении окна браузера. Какие-либо предложения? Благодаря!

Answer 1

Я могу дать вам 2 способа решить это как я использовал их раньше:

1: Используйте все измерения в%:

Это на самом деле не реагирует, но попадает в концепцию макета жидкости. который означает, что он всегда наполняет все, что он может на любом размере.

2: Использование средств массовых информации запросы:

, который считается отзывчивым, потому что на каждый ключе проклейки это изменит ваше позиционирование:

ПОМНИТЕ: для того, чтобы расположить на работу, вы должны либо установите элемент в положение: fixed/absolute/relative.

Надеюсь, что я помог. В случае сомнений, просто спросите меня!