<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>底部菜单颜色渐变</title>
<style type="text/css">
*{margin: 0px ;padding: 0px;}
.lanren .title {
height: 130px;
line-height:130px;
width: 100%;
position: absolute;
bottom: 0px;
background-image: -webkit-linear-gradient(top, rgba(255,255, 255, 0) 0%, rgba(100,100, 100, 0.3) 100%);
/* background-image: -webkit-linear-gradient(top, rgba(255,255, 255, 0) 0%, rgba(134,128, 130, 1) 200%);*/
/* background-image: -moz-linear-gradient(right, rgba(231,51, 104, 0) 0%, rgba(231,51, 104, 1) 100%);
background-image: -o-linear-gradient(right, rgba(231,51, 104, 0) 0%, rgba(231,51, 104, 1) 100%);
background-image: linear-gradient(right, rgba(231,51, 104, 0) 0%, rgba(231,51, 104, 1) 100%);*/
}
</style>
</head>
<body>
<div class="lanren">
<div class="title"></div>
</div>
</body>
</html>
此是 从白色到#646464颜色的从全透明到不透明,的30% 的#646464 色值。
http://www.sioe.cn/yingyong/yanse-rgb-16/ 这个是颜色 和rgba的转换网址
效果如图