图像上的文本CSS

我目前遇到了一些CSS/HTML代码的问题

我在一个div（feature bg）中得到了页面的背景，这将填充整个页面。然后内容从底部向上滚动，但这并不重要

<>我有问题试图让大标题显示在页面的中间（不管分辨率/窗口大小），并坚持到后台，这样当用户滚动时，内容覆盖它？

我不确定这是否有意义，甚至不可能

---

谢谢

要将“文本对齐”属性设置为“居中”

.largeheader{
    position: fixed;
    margin: 0 auto;
    font-size: 100px;
    z-index:2;
    text-align: center;
    top: 50%;
    left: 50%;
}

---

核心问题是这并不完全在页面的中心，因此@RCorrie在他的回答中指出，您可以设置div的宽度和高度，然后用一些简单的数学来修正边距。现在，如果你想开始使用javascript和jQuery，那就完全是另一回事了，你完全可以用最少的工作来完成这项工作，而且你不必一直更改创建的每个网页的div大小和边距。

请参阅CSS代码以获得解决方案：

---

固定位置允许元素在滚动页面时保持不变。

要使大标题水平居中，可以使用

文本对齐：居中如@metsales所建议

为了使大收割台垂直居中，可以使用以下工具。在这种情况下，由于您希望大标题粘贴在页面中心，我建议在链接文章中使用“绝对定位和负边距”方法

你会得到这样的结果：

.largeheader {
    line-height: 40px;

    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0px;
}

要在用户滚动时将标题放在其他内容后面，您需要使用其
z-index
属性。我不能提出任何建议，因为我不知道标记的其余部分，但您可能需要一个负值，MDN上有一个合适的值。
这不会垂直居中，也不会在滚动时固定背景上的内容。除非您指定宽度，
text align:center将不会执行任何操作。。。也就是说，当一个元素被设置为
绝对值
或
固定值
是的，但是当你想改变字体或用其他东西做这件事时，你必须花时间弄乱边距，使它正好居中。这将使文本完全居中。但当内容向上滚动时，文本仍然位于所有内容之上。我试着玩z-index，但我无法让它工作
然后将
z-index:9
添加到内容容器中。但请确保内容容器设置为
位置：相对position:relative
添加到
#wrapper
中并设置背景色。问题是，如果您将位置设置为固定，然后将顶部和左侧的位置设置为50%，则必须对其进行调整，以使其完全居中。这是因为它会将div的角推到距离左侧和顶部50%宽度的位置。
.largeheader {
    line-height: 40px;

    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0px;
}