html - 在背景大小 :cover 以下显示页脚

标签 html css background

我终于找到了一种方法,可以通过使用 background-size: cover 来缩小背景图像以覆盖整个屏幕,无论大小如何,但是突然出现的一个无法预料的问题是它完全隐藏了我的页脚在背景图片后面,因为背景图片位于页脚上方的 div 中。我试过使用 z-index,但没有任何作用。所有代码都可以在 http://hanksmith.com/ 找到,具体在 http://hanksmith.com/css/index.csshttp://hanksmith.com/css/master.css .任何帮助将不胜感激!

最佳答案

在您删除 master.css 中的页脚 margin-top 时已解决。

试试这个:

.footer {
    height: 200px;
    margin-top: 0px;
}

关于html - 在背景大小 :cover 以下显示页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41235127/

相关文章:

javascript - 更改文件不起作用?

javascript - 在 HTML 上方绘制箭头

HTML:设置 4 <div> 作为背景

html - 将导航栏移动到 div 的右侧

html - 为什么这些 div 的大小不正确?

css - 如何在中心对齐背景图像并让它在响应时保持其大小

ios - 如何设置背景图片,但不在 Swift iOS 中的状态栏后面

background - Next Js背景mp4

javascript - 如何在 Element 和 Infinity 之间获得 if 语句?

javascript - HTML Textarea 默认文本? (喜欢布局)