#css #image #layer
#css #изображение #слой
Вопрос:
Есть ли способ сделать так, чтобы изображения одной страницы помещались в разные слои, чтобы они могли перемещаться, не затрагивая другие изображения / элементы? Я попытался использовать z-index, это сработало, но странно, что страница становится выше, и когда я использую jQuery.position.left / top, я получаю позицию, отличную от той, на которой находится изображение, например: Я использую jquery.draggable(); для перемещения изображений друг над другом, когда я проверяю исходный код страницы, я нахожу изображение на позиции, например. (422, -330), но когда я использую jquery.position .слева jquery.position.top позиция равна (455, 313).
Кто-нибудь может объяснить, почему это происходит? и помогите мне это исправить?
Заранее спасибо,
Ответ №1:
Родительский контейнер для «сложенных» изображений должен иметь значение position: relative, установленное для него, и тогда изображения могут иметь абсолютную позицию.
Если это будет то, что вы будете делать на своем сайте, повторно используемым шаблоном будет иметь элемент контейнера (который имеет position: relative ), а затем все изображения могут быть сложены внутри него.
Комментарии:
1. Привет, я настроил для каждого изображения тег span с относительной позицией, теперь я изменил его, чтобы указать положение основного контейнера (который включает в себя все сложенные изображения), когда я использую jquery().position. слева или сверху я получаю неопределенный. Пожалуйста, совет.
2. еще раз привет, я понял, почему undefined, но проблема остается прежней при проверке положения элемента внутри контейнера с относительным положением, это дает мне неправильное чтение => элемент с (233, -546) при проверке с помощью jquery().position().left и top (288, 86). Пожалуйста, помогите