Абсолютно позиционированный элемент внутри фиксированного позиционируемого элемента

Question

В связи с моим предыдущим вопросом, у меня есть <div style="position: fixed;"> нижний колонтитул. Нижний колонтитул содержит <a style="display: block; float: left;"> элементов. При нажатии на одну из этих ссылок, я хочу, чтобы div всплывал над этой ссылкой. Я экспериментировал с парой настроек CSS и получил приемлемые результаты, но я не уверен, будет ли мой CSS работать в разных браузерах. Мне интересно, может кто-нибудь сказать мне пуленепробиваемое и протестированное решение CSS для достижения чего-то вроде этого:

скриншот http://i49.tinypic.com/sqh8ur.png

Answer 1

Поскольку вы отметили jQuery, в jQueryUI есть утилита, которая предлагает поддержку для такого рода позиционирования.

На самом деле вам не нужен остальной установленный jQueryUI (даже ядро). Вам просто нужен JQuery. Если вы не хотите, чтобы остальная часть jQueryUI, на странице загрузки отмените выбор всех, затем выберите Положение в UI Core .

http://jqueryui.com/demos/position/

"Служебный скрипт для абсолютного позиционирования любого виджета относительно окна, документа, определенного элемента или курсора / мыши."