html - 使用 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 重新定位到正下方正文。 (如果您不能改变页面的实际内容，您可以使用 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');

将在页面顶部的所有内容之上插入一个图层..