半透明渐变背景色的神奇配色

 

记录一下后台登录的半透明背景框，之前的背景是一个深蓝色科技感背景，凸显不出这个半透明的颜色，这次换了一个背景发现在灰色背景的衬托下非常漂亮，这次偶然发现的效果，记下来以后也许会用到。

这个背景有一个由上到下颜色的渐变，并且适配所有浏览器的方法。

background: -ms-linear-gradient(top, rgba(170,204,238,0.8) , rgba(0,193,222,0.3)); /* IE 10 */

background: -moz-linear-gradient(top, rgba(170,204,238,0.8) , rgba(0,193,222,0.3)); /*火狐*/

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(170,204,238,0.8)), to(rgba(0,193,222,0.3))); /*谷歌*/

background: -webkit-linear-gradient(top,rgba(170,204,238,0.8),rgba(0,193,222,0.3));/*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, rgba(170,204,238,0.8) 0%, rgba(0,193,222,0.3) 10%); /*Opera 11.10+*/