css - CSS 在没有 HTML 的情况下在前台制作图像标题

Question

我想要达到的目标：

我正在做非常熟悉的 CSS zen garden 但我似乎无法让图像像这样浮动。我希望它位于页面顶部并保持在顶部，就像 stackoverflow 之类的工具栏已安装到页面顶部一样。

不幸的是，每当我尝试显示我的图像时，它不仅在文本后面，而且太大了。我只看到大约 1/3 的图像。如果我尝试以任何方式缩放它，它就会完全消失。我已经看到其他人通过添加来执行此操作，<divs>但我被告知我应该使用它::before来执行此操作....无论哪种方式我都无法显示我的图像...唯一几乎不起作用的是...

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

但正如我所说，显示图像的 1/3....知道如何纠正这种情况吗？

为了清楚起见，我在问如何将图像安装到网页顶部，仅使用 CSS 完全不接触 HTML。我希望它与 Stack Overflow 自己页面顶部的工具栏非常相似。

标签： css

Answer 1

你可以试试这个

body {
  background : transparent url("../CSSMidterm/Header.png") no-repeat center center/cover;
}

链接到背景 css 的文档