html - 在 CSS 中将图像设置为页脚背景

标签 html css footer styling

所以我想在我的页面上添加一个页脚,但我希望它是一个背景图像,它会根据显示器分辨率自动调整大小,并具有 100% 的宽度和高度,但永远不会溢出到边,所以我不希望出现滚动条。图像是.jpg。

希望能提供一些关于解决此问题的最佳方法的意见

最佳答案

使用下面的 CSS

​div {
    width: 100%;
    height: 400px;
    background-image: url(your-path-here.jpg);
    background-size: 100% 100%;
}​

现场观看example

关于html - 在 CSS 中将图像设置为页脚背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10761467/

相关文章:

html - 在图像上放置输入文本(表单)

javascript - 为什么这个 javascript 在 IE 中不起作用?

html - Bootstrap 中的行是否需要直接父级?

html - 一个 div 中的多个背景图像

html - 如果屏幕很小,旧浏览器,Twitter bootstrap 3 导航栏下拉菜单不会显示所有元素

css - 从 WordPress 的菜单中删除元素符号

css - Magento - 如何将页脚设置为 100% 宽度?

html - 如何使用 CSS 对齐三个跨度(无表格)

html - 内容展开时向下移动的粘性页脚

android - RecyclerView 页眉和页脚