对于IE、Firefox以及chrome浏览器来说,要使用CSS实现渐变效果,那可是件难事,因为IE与Firefox及chrome使用的代码都不一样啊。一定要注意,IE10以下版本仅能使用滤镜来实现哦。
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#00a0e9));
background: -moz-linear-gradient(top, #33bbee, #00a0e9);
background: -o-linear-gradient(top,#33bbee, #00a0e9);
background: -ms-linear-gradient(top,#33bbee 0%,#00a0e9 100%); /*IE10+*/
-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33bbee, endColorstr=#00a0e9); /*IE*/
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#33bbee,endColorStr=#00a0e9);/*IE6,7*/