2010-05-29 138 views
0

與我以前的問題相關,我有一個<div style="position: fixed;">頁腳。頁腳包含<a style="display: block; float: left;">元素。點擊其中一個鏈接,我想要一個div在該鏈接上方彈出。我正在嘗試一些CSS設置並獲得了可接受的結果,但我不確定我的CSS是否可以跨瀏覽器使用。我想知道,如果有一個人能告訴我一個防彈和測試CSS的解決方案來實現這樣的事情:固定定位元素內的絕對定位元素

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

+0

您可以使用JavaScript遍歷DOM並找到錨標籤的位置。然後,您可以將div的左側移到錨點的左側和底部,直到錨點的頂部...... – Warty 2010-05-29 06:31:03

回答

1

既然你標記的jQuery,jQueryUI的有一個實用工具,提供了那種定位的支持。

你實際上並不需要安裝jQueryUI的其餘部分(甚至核心)。你只需要jQuery。如果你不想要jQueryUI的其餘部分,請在下載頁面全部取消選擇,然後選擇位置根據UI Core

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

「實用程序腳本任何相對於窗口,文件,一個特定的元素,或光標/小鼠插件絕對定位」。