如何使此背景图像覆盖完整的HTML背景?

时间:2015-03-04 14:38:01

标签: css

我非常清楚'background-size:cover;'等,但这种情况有所不同。 有一些内容可以定义此页面中HTML / BODY的高度 - 我无法理解它是什么。

在过去的两个小时里,我已经尝试了所有我知道并记住的东西,但不知何故,背景将无法覆盖。这似乎是由于身体调整高度到一些公式而不是屏幕的实际大小。

当我的屏幕宽约1300px时,我看到它最好。

你能看出导致问题的原因吗?

现在我只输入几行代码。

图像未覆盖整个屏幕。解决方案是在CSS中添加以下答案:

body, html {height:100%}

解决了这一切。

enter image description here

2 个答案:

答案 0 :(得分:2)

height: 100vh;添加到此规则中:

body>.multibg {

    height: 100vh;
}

这将解决我非常肯定的问题!!

  

视口单位:vw,vh,vmin,vmax - CR长度单位代表1%   视口宽度(vw),高度(vh)的视口大小,较小   两个中的(vmin),或两者中的较大者(vmax)。

Viewport units

的浏览器兼容性

答案 1 :(得分:1)

请在身体和html上添加身高:100%