html - 为什么我的背景显示在 Qualtrics 的页脚下？

Question

我不知道为什么我的背景显示在 Qualtrics 的页脚下。

这是我写的代码:

<br />
<style type="text/css">body {
  background-image:url('https://uwmadison.qualtrics.com/CP/Graphic.php?IM=IM_00pfOKSXTudGqfb') !important;
  background-repeat: no-repeat !important;
  background-size:50% 50% !important;
  background-position:center center !important;
    height:100vh !important;
}
</style>

下面是显示方式的屏幕截图: 这是 link到调查(第一张照片我设置了 6 分钟作为计时器，这样你就可以看到了)

Answer 1

背景基于窗口(视口(viewport))定位。

如果您希望该图像位于页脚上方，请使用 <img /> 将其包含在页脚上方的 html 中

您可能还对将页脚固定到页面底部感兴趣。