CSS中的背景图像填充/填充[重复]

Posted 2023-03-06

【中文标题】CSS中的背景图像填充/填充[重复]

【英文标题】：Background image fill up/down in CSS [duplicate]

【发布时间】：2014-08-09 15:57:55

【问题描述】：

我的 div 元素中有这个背景图像，我希望它向上/向下“填充”并覆盖其整个高度和宽度。请向我解释如何使用 CSS 实现这一点。非常感谢任何帮助。在此先感谢。

【问题讨论】：

background-position: cover; background-size: 100%;。下次请做一些研究。

发布你的代码你尝试了什么？

【参考方案1】：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

文档来自 CSS Tricks：http://css-tricks.com/perfect-full-page-background-image/

【讨论】：

非常感谢wildandjam，“向上”填充效果很好，向下填充背景图像的效果如何。再次感谢。

你必须让你的 div（或者你想要添加背景的任何元素），100% 的高度。为此，您可能必须将位置属性更改为固定或绝对。所以尝试添加：position:fixed;height:100%;width:100%;