html - 为什么完整的背景图片适用于 body 而不是 CSS 中的 html？

Question

我在 CSS 中做了以下操作，但没有改变网页:

html {

                background:url("image.jpg") no-repeat center center fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

但后来我做了下面的代码，背景改变了我想要的样子:

body {
                margin:0;
                padding:0;
                background:url("image.jpg") no-repeat center center fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

为什么 html 调用不会更新它但 body 会更新，这是没有意义的。

除了我正在使用的 Bootstrap 框架之外，其余代码都是空白的。

Answer 1

The rest of the code is blank except for the Bootstrap framework I'm using

……那是你的问题。

Bootstrap CSS 在 body 元素上设置背景颜色。

body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}

— source

这会覆盖您应用到 HTML 元素的任何背景。

设置 body { background: transparent } 会覆盖它。