Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.03.2014, 19:09
Новичок на форуме
Отправить личное сообщение для Faantoom Посмотреть профиль Найти все сообщения от Faantoom
 
Регистрация: 14.03.2014
Сообщений: 4

Ивенты и z-index
Всем доброго времени суток.
Давно пользуюсь данным ресурсом как справочником, но вот понадобилась помощь реальных людей, так как не нашел инфы по этому вопросу)

Изначальная задача - обводить рамкой любой элемент на странице при наведении на него, на подобии того, как это делают веб-инспекторы в браузерах.
Можно просто задавать им при наведении новое значение Border, но это портит вёрстку, при наведении элементы начинают "прыгать" и смещаться, за счет ширины появившейся рамки. Решил просто добавлять новый блок с рамкой и абсолютным позиционированием, и задавать ему координаты выбранного элемента.
Но проблема заключается в том, что как только блок с рамкой появляется поверх элемента, уже нельзя выбрать никакие другие объекты под ним, поскольку слой с рамкой находится выше, и дальнейшие ивенты уже проходят по нему.

Вот сам код, выложил на pastebin для удобства.

Что можете подсказать? Как решить вопрос? Заранее спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 14.03.2014, 20:55
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Можешь вместо border использовать outline - такая рамка не влияет на позиционирование.

Сообщение от Faantoom
уже нельзя выбрать никакие другие объекты под ним
Поставь ему pointer-events:none (не кроссбраузерно)
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 14.03.2014, 22:06
Новичок на форуме
Отправить личное сообщение для Faantoom Посмотреть профиль Найти все сообщения от Faantoom
 
Регистрация: 14.03.2014
Сообщений: 4

Сообщение от danik.js Посмотреть сообщение
Поставь ему pointer-events:none (не кроссбраузерно)
То что нужно! Не ожидал такого быстрого ответа, и такого элегантного решения
Проверил, работает в последних версиях всех браузеров кроме IE, и оперы 12, но они в принципе и не нужны, всё равно это админка.

Сразу видно, профессионалы тут сидят) Премного благодарен
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ссылка на определенный слайд HonesT Элементы интерфейса 1 30.10.2013 03:53
Разметка для Google closure compiler monolithed Оффтопик 11 03.09.2013 23:50
Подскажите как лучше положить .xml документ в базу Гробовщик Серверные языки и технологии 4 02.09.2013 10:15
Выравнял код, после IE стал криво отображать таблицу. lamer Общие вопросы Javascript 10 21.06.2012 12:01
Чем занимаются JS-программеры. JSTalker Оффтопик 69 02.02.2011 09:18