css - 如何在页面中包含 100% 的背景图片

标签 css

我一直在研究这里的一些解决方案,但似乎没有合适的。 我的屏幕使用的是 1920x1080 分辨率,我正在创建一个单页网站。 我需要背景照片来填充 100% 的页面,但我也需要它全部显示出来。这是一张底部有 table 的照片:

background-size: contain;

会缩小成缩略图

background-size: cover;

将使其覆盖整个页面,我将看不到底部的表格。

现在没有实际代码可以显示,所以我不能在这里发布任何内容。 实际图像大小为 2048x1479 所以图像似乎不是问题

提前致谢

最佳答案

尝试将背景大小设置为“100% 100%”。

关于css - 如何在页面中包含 100% 的背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28652138/

相关文章:

css - Joomla CSS 禁用

html - 为什么这个 twitter script/iframe 不 float 到右侧?

html - 让两个div占据剩余高度

html - 在 <li> 上扩展背景图像

html - 从包装中排除第一个 flex 元素

jquery - 使用无缝循环水平居中 bxSlider 轮播的事件图像?

html - 知道为什么我的图像不断中断吗? ( Sprite )

html - Firefox 不打开 HTML 链接,Chrome 和 Edge 工作

html - 使用 Bootstrap img-responsive 类悬停时的 z-index

html - 如何水平居中元素?