Вы можете выровнять изображение с положением: относительно изображения с положением: абсолютное?

Question

У меня есть два изображения на странице. Первое изображение имеет положение: относительное, а второе изображение находится прямо под первым изображением с положением: абсолютное. Можно ли выровнять второе изображение с другим, чтобы их относительные положения оставались такими же, как при увеличении или уменьшении?

Answer 1

Если вы масштабируете браузером, положение сбойных элементов является обычной ситуацией. Так что я бы не советовал вам уделять этому столько внимания. Но в любом случае ваши изображения должны иметь одного и того же родителя, который имеет «position: родственник».

HTML

<div class="myImageContainer">
    <img class="positionedRelative" src="" alt="" />
    <img class="positionedAbsolute" src="" alt="" />
</div>

CSS

.myImageContainer { position: relative; }
img.positionedRelative { position: relative; } /* not necessary, try to remove */
img.positionedAbsolute { position: absolute; left: 0; top: 0; }

осталось: 0; верх: 0; - введите свои собственные значения.

Answer 2

Как то так ?