使用html图层调整z-index

Question

我正在http://nces.ed.gov调整网站。我正在尝试添加一个出现在标题上方的html图层。我无法控制页眉和页脚，只能控制页面中的内容。但不知何故，即使我调整了我的z-index，标题和菜单也会显示在我的图层上。

我用firebug来调整东西，但仍然无法让它工作。有任何想法吗？由于标题出现在顶部并且有zIndex 9999，而我的图层有zIndex：10000，9999是否仍然获胜？

顺便说一下，我正在使用Firefox 7。

谢谢！

Answer 1

确保将元素的position属性设置为absolute（，如果我正确理解您的问题）。

使用firebug我可以在任何地方插入一个div ..

如果您的layer插入其他定位元素中，可能会将其删除，请务必将layer重新定位到body的正下方。 （如果你不能改变页面的实际内容，你可以使用javascript / jQuery ）

---

例如，使用

$$i('<div>', {
  text: 'i am the layer',
  css: {
         width:'100%',
         color: 'red',
         backgroundColor: 'yellow',
         zIndex: 9999,
         line-height:'40px',
         position: 'absolute',
         top: 0,
         left:0
       }
}).appendTo('body');

会在页面顶部插入一层图层。