semolex: Я не совсем понимаю, как именно в элементе расположен этот текст. Можете показать на jsfiddle структуру элемента с содержанием?
Можно проапдейтить мой пример, только добавьте html-код того, что у вас есть. Только нужный кусок, всю страницу не нужно:(
Антон Хлебников: Кто вас надоумил ставить для .dropdown-menu z-index: 1000?) Поставьте всего лишь жалкую единицу.
Без ссылки? Да просто span, div, да что угодно, не относящееся к активному контенту.
Денис Письменный: Там как раз про input, где такой фокус не прокатит в силу отсутствия аналогичных вендорных свойств. Но для кнопки сработает. Ну а рендеринг шрифтов такой рендеринг шрифтов...
Андрей Гончаров: Видимо, да — о разном. Хотя с другими значениями pointer-events, вроде, вопросов нет?)
Нужно всего лишь выяснить — а как будет располагаться этот блок с информацией по краям? Хочу понять, как можно вырезать дырку в тексте с учётом адаптивной вёрстки?)
В любом случае, эта задача решается теми же средствами.
Alexander Sydorenko: Вот уж как раз анимацией проще по :hover управлять.
Впрочем, дело хозяйское, что проще — дописать селекторы к блоку правил (особенно при использовании миксинов в препроцессорах), или через скрипт классы менять.
Martyer: Ваш пример — наглядное пособие использования элементов управления «не по делу». Они — очень «особенные».
Или click на кнопке ловите, или используйте обычные элементы (что в данном случае и нужно).
Вы издеваетесь? Мало того, что поставили неверные условия вопроса, так и нет никакого отличия двух выражений — того, что в вопросе, и этого.
Кстати, корректность можно нарушить «тем, что», а не «в том, что».
vladamir: Специально для вашего понимания обновил пример. Вставил в документ код скрипта, чтобы не искать, по факту всё делает скрипт — и стиль добавляет (если такое нужно), и он же формирует iframe.
1. Вы создаёте в любом документе iframe и устанавливаете слушатель на получение сообщений. Если источников много — смотрите на e.origin для принятия решения.
2. В загружаемом документе ставите на загрузку контента отправку сообщения с высотой контента документа.
3. Я не понимаю, о каком scripts.js вы говорите.
4. document.documentElement.scrollHeight — высота контента в html загруженного документа. Причём тут обязательно body?
5. Что и кого съедает?)
Можно проапдейтить мой пример, только добавьте html-код того, что у вас есть. Только нужный кусок, всю страницу не нужно:(