html - 如何更改 Blogger 标题的 z-index

Question

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

我的问题是，当我使用“添加背景图像”功能时，包含“Will Whitehead - Advertising Student”字样的标题也被图像覆盖，而我希望它保持白色。我猜如果我使用 z-index 将标题放在最前面，它不会被图像覆盖。

问题是，我不知道标头的 ID。我使用 chrome 上的“检查元素”功能查看了标题，它被称为“div.header-bar”。

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

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

提前致谢，

威尔·W

score 0 · Accepted Answer

这应该将标题放在前面：

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

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

score 0 · Accepted Answer

您需要确保您div.header-bar有一个位置值，否则 z-index 将不起作用。

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

score 0 · Accepted Answer

将此添加到 CSS 中。应该适用于您的问题。

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

如果不是，可能是因为图像覆盖在 header-bar 的父容器之上。在这种情况下，您必须设置：

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

3 回答 3