Question

我试图解决我编写此代码的问题：

body {
background-image: -moz-linear-gradient(top, white 0%, #facd8a 100%);
background-image: -webkit-linear-gradient(top, white 0%, #facd8a 100%);
background-image: -o-linear-gradient(top, white 0%, #facd8a 100%);
background-image: linear-gradient(top, white 0%, #facd8a 100%);
}

然而，代码仍然遗漏了一些东西。我不知道如何解决。我想我应该添加一个CSS缺失规则。

另外，为什么上面的CSS代码似乎重复了线性渐变属性？

Answer 1

您需要将100%高度添加到body元素，以使其不重复。请注意，由于html是body的父级，因此body需要从父级计算宽度。所以也要添加100％的HTML。

如果正文内容大于视口高度，请将高度替换为min-height。

＆＃13;

body {
  background-image: -moz-linear-gradient(top, white 0%, #facd8a 100%);
  background-image: -webkit-linear-gradient(top, white 0%, #facd8a 100%);
  background-image: -o-linear-gradient(top, white 0%, #facd8a 100%);
  background-image: linear-gradient(top, white 0%, #facd8a 100%);
}
html,
body {
  height: 100%;
}

＆＃13;

我的线性渐变属性有什么问题？

1 个答案: