html - 使背景图像粘在页面底部

标签 html css

关于 this website页脚中有一张背景图片,应该贴在页面底部。我指的不是页面的可见部分,而是页面的最底部。但是在内容较短的页面上 - like this one - 它看起来离底部有一段距离。

我目前使用的 CSS 是:

html {
  background: url(../images/responsive/bg.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  outline:0!important;
}

最佳答案

您要执行的操作更符合“粘性页脚”的概念。 Exampletutorial

关于html - 使背景图像粘在页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14651007/

相关文章:

javascript - 无法在 Bootstrap 中实现模态

javascript - 在 Microsoft 平板电脑/触摸屏显示器上使用 mozilla firefox 禁用默认捏合缩放

jquery - 将 Flickity 与 Bootstrap 4 轮播集成

html - 如何使用类更改我表中第一个 td 的颜色

HTML 电子邮件模板问题 [字体和边框底部]

html - 输入 TYPE ="File"隐藏输入并保留按钮?

css - HTML5 页面 100% 高度问题

Html 占位符属性问题

javascript - 如何使图像和镜头旋转与 BlowupJS 保持同步?

html - 如何转义字符串中的特定 HTML 标记