CSS在没有HTML的情况下在前台生成图像标题

我想要达到的目标：

我正在做非常熟悉的CSS禅宗花园，但我似乎无法让图像像这样漂浮。我希望它位于页面顶部，并保持在顶部，就像stackoverflow这样的工具栏安装在页面顶部一样

不幸的是，每当我试图显示我的图像时，它不仅在文本后面，而且太大了。我只看到我图像的三分之一。如果我试着以任何方式缩放它，它就会完全消失。我见过其他人用添加的来做这件事，但我被告知我应该使用：：在做这件事之前…无论哪种方式，我都无法显示我的图像…唯一不起作用的是

body{
     background: url("../CSSMidterm/Header.png") center;
}

但正如我所说，它显示了图像的三分之一……你知道我如何纠正这种情况吗

为了说明这一点，我想问的是，如何仅使用CSS将图像装载到网页顶部，而不使用HTML。我希望它与Stack Overflow主页顶部的工具栏非常相似。

您可以试试这个

身体{ 背景：透明url../CSSMidterm/Header.png无重复中心/封面； }

---

这是有史以来看起来最接近可接受的，但它仍然显示在文本后面，顶部被切掉……我可以用：：before来做这件事吗？我可以把它放在头上而不让我的形象变得很瘦吗？如何在图像中添加填充？我在尺寸方面取得了一些进展。不幸的是，我似乎只能用background命令添加图像…我仍然无法通过文本效果获得图像…这是我最大的问题。你需要做一些类似css html:：after的事情{内容：；位置：绝对；底部：0；左侧：0；宽度：100%；高度：200px；背景：透明url../CSSMidterm/Header.png无重复底部中心/包含；}