2010-05-29 200 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/

“实用程序脚本任何相对于窗口,文件,一个特定的元素,或光标/小鼠插件绝对定位”。