如何更改Blogger标头的z-index

Question

这是我刚开始使用Blogger的博客链接：My Blog

我的问题是，当我使用“添加背景图片”功能时，包含字体“Will Whitehead - 广告学生”的标题也会被图像覆盖，当我希望它保持白色时。我猜测如果我使用z-index将标题带到最前面，它将不会被图像覆盖。

问题是，我不知道标题的ID。我使用chrome上的'inspect element'功能查看了标题，它被称为'div.header-bar'。

有人可以告诉我需要编写哪些代码才能成功更改标题的z-index？

我真的很感激这方面的任何帮助。

提前致谢，

Will W

Answer 1

这应该将标题放在前面：

div.header-bar{
  position: relative;
  z-index: 999;
}

在引用.header-bar的任何样式之后将其放在css文件中。

Answer 2

您需要确保div.header-bar有一个位置值，否则z-index将无效。

div.header-bar {
  position: relative;
  z-index: 99;
}

Answer 3

将此添加到CSS。应该适合你的问题。

.header-bar { position: relative; z-index:9999; }

如果没有，可能是因为图像覆盖在标题栏的父容器之上。在这种情况下，您必须设置此：

#header-container { position: relative; z-index:9999; }