Слои изображений CSS

Question

Есть ли способ заставить изображения одной страницы переходить в разные слои, чтобы они могли перемещаться, не затрагивая другие изображения / элементы? Я попытался использовать z-index, это сработало, но странная вещь: страница становится выше, и когда я использую jQuery.position.left / top, я получаю позицию, отличную от той, на которой находится изображение, например: Я использую jquery.draggable. (); чтобы перемещать изображения друг над другом, когда я проверяю исходный код страницы, я нахожу изображение в положении для ex. (422, -330), но когда я использую jquery.position.left + jquery.position.top, позиция равна (455, 313).

Кто-нибудь может объяснить, почему это радует? и помочь мне исправить это?

Спасибо заранее,

Answer 1

В родительском контейнере для «сложенных» изображений должно быть установлено положение: относительное, и тогда изображения могут иметь абсолютную позицию.

Если это будет чем-то, что вы будете делать на своем сайте, шаблон многократного использования будет иметь элемент контейнера (который имеет положение: относительный), и тогда все изображения могут быть размещены внутри него.