html背景图像无法正常显示

我的图片显示有些问题。下面是我的代码：

。夜空{
位置：相对位置；
身高：100%；
保证金：0；
背景重复：无重复；
背景附件：固定；
背景：-webkit线性梯度（顶部，#020107 0%，#311B46 50%，#592C67 60%，#803E7E 75%，#CA759C 90%，#EC9D9D 95%，#C35E4D 100%）；
背景：线性梯度（至底部，#020107 0%，#311B46 50%，#592C67 60%，#803E7E 75%，#CA759C 90%，#EC9D9D 95%，#C35E4D 100%）；
}
.夜空：以前{
身高：100%；
宽度：100%；
内容：''；
位置：绝对位置；
排名：0；
/* http://bg.siteorigin.com/ */
背景图像：url（“https://s3-us-west-2.amazonaws.com/s.cdpn.io/424395/night-sky-texture.png");
不透明度：.1；
}
身体{
身高：100%；
保证金：0；
背景：#000；
}

qerqwer

哈哈哈

html，正文{高度：100%；宽度：100%；边距：0；}
.夜空{
位置：相对位置；
身高：100%；
保证金：0；
背景重复：无重复；
背景附件：固定；
背景：-webkit线性梯度（顶部，#020107 0%，#311B46 50%，#592C67 60%，#803E7E 75%，#CA759C 90%，#EC9D9D 95%，#C35E4D 100%）；
背景：线性梯度（至底部，#020107 0%，#311B46 50%，#592C67 60%，#803E7E 75%，#CA759C 90%，#EC9D9D 95%，#C35E4D 100%）；
}
.夜空：以前{
宽度：100%；
内容：''；
位置：绝对位置；
排名：0；
/* http://bg.siteorigin.com/ */
背景图像：url（“https://s3-us-west-2.amazonaws.com/s.cdpn.io/424395/night-sky-texture.png");
不透明度：.1；
}
身体{
身高：100%；
保证金：0；
背景：#000；
}

qerqwer

哈哈哈

将

高度：100%

添加到

html

中，这将解决问题

一些建议：

您可以看到，现在顶部会有一些边距-这是由于边距崩溃造成的（您可以在中阅读更多信息）。要删除此项，请在夜空中添加一个

边框

以以下方式结束：

* {
  box-sizing: border-box;
}

因此，正文上没有滚动条-请参阅为什么

边框框

在

干杯

*{
框大小：边框框；
}
html{
身高：100%；
}
.夜空{
位置：相对位置；
身高：100%；
保证金：0；
边框：1px纯黑；
背景重复：无重复；
背景附件：固定；
背景：-webkit线性梯度（顶部，#020107 0%，#311B46 50%，#592C67 60%，#803E7E 75%，#CA759C 90%，#EC9D9D 95%，#C35E4D 100%）；
背景：线性梯度（至底部，#020107 0%，#311B46 50%，#592C67 60%，#803E7E 75%，#CA759C 90%，#EC9D9D 95%，#C35E4D 100%）；
}
.夜空：以前{
身高：100%；
宽度：100%；
内容：''；
位置：绝对位置；
排名：0；
/* http://bg.siteorigin.com/ */
背景图像：url（“https://s3-us-west-2.amazonaws.com/s.cdpn.io/424395/night-sky-texture.png");
不透明度：.1；
}
身体{
身高：100%；
保证金：0；
背景：#000；
}

qerqwer

哈哈哈

试试这个：-

可能是因为您的高度以百分比表示，而宽度未定义。因此，除非有元素，否则夜空就有宽度/高度。因此没有bg可见。看一个没有段落的提琴样本。链接：-如果需要，可以根据需要更改高度和宽度。