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

Question

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

screenshot http://i49.tinypic.com/sqh8ur.png

Answer 1

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

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

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

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