如何使此渐变透明?

时间:2016-03-03 20:35:48

标签: html css html5 css3

我正在使用此代码在菜单后面添加一个渐变,以使它们更流行。

-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));

我需要我的网页背景透明(所以我可以看到背后的东西)。我如何使用它来强调我的菜单,但是让它仍然可以看到它背后的内容?

1 个答案:

答案 0 :(得分:1)

目前的语法是:

 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));

EG。

html {
  height: 100%;
  background: lightblue;
}
body {
  margin: 0;
  min-height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
}

你提出的其余问题并非如此......唉,清楚。