相对 CSS 菜鸟在这里。
我正在编写一个 Safari 扩展，当单击它的工具栏按钮时，会在网页中弹出一个“对话框横幅”（一些文本和几个按钮）。横幅是我在扩展程序的结束脚本中按需注入页面的 div。
问题是，如何设置 div 的样式（或者甚至可以这样做），以保证无论我无法控制的现有网页内容如何，它都是可见的？通过将我的 div 创建为position:fixed，并将其作为 的第一个子级插入 DOM <body>，它在大多数情况下都可以正常工作，无论页面的当前滚动位置如何，它都浮动在窗口的顶部。
但是，它在某些具有自己的标题横幅的页面上失败 - 例如，http://planet.gnome.org和http://www.ign.com。在这些情况下，我的 div 被页面横幅遮住了。调整z-index我的 div 没有任何区别。
是否有可能做我想做的事情，或者只是我永远无法预测其他人的网页是如何结构的，所以我应该找到一种不同的方式来展示我的 UI？