0

我希望我的网站背景前 55% 是一种颜色,而后 45% 是另一种颜色。根据这里的教程 (我使用绿色、80% 和 20% 以使尺寸差异更容易发现)

background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2) 20%);
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 80%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2) 20%);
background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 80%,     rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2) 20%);
background: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 80%,     rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2) 20%);

background: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0) 80%,     rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.2) 20%);
background-color: green;

但这有点难以理解,我无法获得我想要的功能。现在,它在屏幕上一直重复渐变,但我不知道为什么。删除第二个 rgba() 条目会完全破坏它,这是我认为要遵循的唯一路径。

4

1 回答 1

3

如果将此背景应用于body,请确保添加此 css :

html {height: 100%;}

否则,正文不会占据整个页面高度。

看到这个小提琴

于 2013-08-08T21:45:41.913 回答