Создание маски слоя. Web дизайн. - есть ответ

Вячеслав Universe, 482 просмотра

Я создал сайт, в виде иллюминатора космического корабля, за его стеклом находятся активные объекты. Мне нужно сделать так, что бы иллюминатор не перекрывал активность объектов за ним. то есть(например) я жму на землю и выхожу в какое-то меню, но новый слой с иллюминатором перекрывает активность каких-либо "кнопок" за ним.
http://s1.goodfon.ru/image/3761-1600x1200.jpg вот пример картинки, добавив слой с иллюминатором и стеклом я больше не могу жать на землю. Пожалуйста, не предлагайте решений касающихся перекройки сайта, мне нужно узнать о сохранении активности главного веб слоя, вне зависимости от наложенных выше на него слоёв.

Ответы:

Citizen of the World

Как вариант можно юзать jQueryUI , а именно виджет dragable(http://jqueryui.com/draggable/), чтобы это сделать вы должны каким-то сыбитием указать, что будет активен тот или иной слой, сделать это можно динамически меняя класс, т.е., если удаляете класс виджета, то элемент не активен, если присваиваете этот класс, то элемент активен.

holden321

1). css для иллюминатора: pointer-events:none;
2). JavaScript

10 лет назад

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

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

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