固定标头上的z-index不起作用

时间:2015-07-13 06:14:17

标签: html css css3

我试图在此plunker中复制此问题。

.demo-blog.mdl-layout .mdl-layout__content {
    padding-top: 0px;
    position: relative;
    margin-top: -80px;
    z-index: 100;
}

header.main-header{
  z-index: -50;
}

我希望那个“在路上再说”的div位于标题为“evolution update”的标题之上。我已经尝试更改父级的z-index,更改每个相关单元的z-index,在div标签中包装标头,但没有任何效果。 “在路上再次”div仍然在标题之下。

我想要的是this

提前多多感谢。

2 个答案:

答案 0 :(得分:1)

z-index positionposition没有z-index,这不起作用。

z-index属性指定元素的堆栈顺序。

注意: (position:absolute, position:relative, or position:fixed)仅适用于定位元素 NSString *docPath = [NSSearchPathForDirectoriesInDomains (NSDocumentDirectory,NSUserDomainMask, YES) objectAtIndex:0]; NSString *filePath=[NSString stringWithFormat:@"%@/createDirectory1", docPath]; BOOL fileExists=[[NSFileManager defaultManager] fileExistsAtPath:filePath]; if (!fileExists) { } else { // Your Code }

答案 1 :(得分:0)

此问题的解决方案是您需要将WITH_QT添加到margin-top: -60px;