我正在调整站点 http://nces.ed.gov .我正在尝试添加一个显示在标题上方的 html 层。我无法控制页眉和页脚,只能控制页面中的内容。但不知何故,即使我调整了 z-index,标题和菜单也会出现在我的图层上。
我已经使用 firebug 进行了调整,但仍然无法正常工作。有任何想法吗?由于标题出现在顶部并且具有 zIndex 9999,而我的图层具有 zIndex:10000,所以 9999 是否仍然获胜?
顺便说一句,我正在使用 Firefox 7。
谢谢!
最佳答案
确保将元素的 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');
将在页面顶部的所有内容之上插入一个图层..
关于html - 使用 html 图层调整 z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8085383/