JQuery Работа со слоями - есть ответ

Ментор, 83 просмотра

Есть два изображения на страничке как сделать чтобы одна могла пролетать под другой, и во время наложения одна из них пряталась. То есть два слоя одна картинка главная а вторая не бекграунде была, помогите.

Ответы:

ResidentR6

JQuery здесь ни при чём. Смотри CSS-свойство z-index. Это приоритет по глубине.
Оно точно есть у <div>, и кажется у <img>. Не исключаючто оно есть у всех элементов, просто не часто использую в вёрстке.

rogallic

Тому изображению, которое пролетает над другим - нужно установить $(".frontImage").css("position", "absolute").css("z-index", 999); , где 999 - число больше чем значение z-index у бекграунда.
Если у бекграунда css свойство "position" установлено в "relative" или "static", то можно обойтись без установки $(".frontImage").css("z-index", 999); . Но нужно помнить, что анимация обычно меняет css-свойство перемещаемых элементов "position" в значение "absolute".
Если применяется обычная анимация перемещения jquery, то почти всегда достаточно сделать $(".frontImage").css("z-index", 999);

12 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.