相对CSS noob。
我正在编写一个Safari扩展程序，当单击其工具栏按钮时，会在网页中弹出一个“对话框横幅”（一些文本和几个按钮）。横幅是我在扩展名的End Script中按需注入页面的div。
问题是，如何设置div的样式（或者甚至可以这样做），以便无论现有的网页内容如何都保证可见，我无法控制？通过将我的div创建为position:fixed，并将其作为<body>的第一个子项插入到DOM中，它在大多数情况下都能正常工作，浮动在窗口的顶部，而不管页面的当前滚动位置如何。
但是，某些页面上有自己的标题横幅失败，例如http://planet.gnome.org和http://www.ign.com。在这些情况下，我的div被页面横幅遮挡了。调整我的div的z-index没有任何区别。
是否有可能做我正在尝试做的事情，或者只是我永远无法预测其他人的网页是如何构建的，所以我应该找到一种不同的方式来呈现我的UI ？
答案 0 :(得分：0)
好的，事实证明这个 基本上只是一个简单的z-index问题，我可以静态解决或者使用像@ biziclop的动态方法。在我发布之前，我以为我已经用尽了那条调查线，但显然不是......部分是由于我的样式表中的一个迷路!important掩盖了我的修复尝试。 D'哦。