全兼容的移动端渐变写法

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #f46ba0, #ee3a80);
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear,top,from(#f46ba0),to(#ee3a80));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(top, #f46ba0, #ee3a80);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #f46ba0, #ee3a80);
/* default */
background: linear-gradient(top, #f46ba0, #ee3a80);
background-color: #ee3a80;

在苹果的IOS系统下input框加纯色背景色会出现问题,可用同一颜色渐变来解决

本文出自 “陈辉” 博客,请务必保留此出处http://chenhuixfyy.blog.51cto.com/6136934/1389141

全兼容的移动端渐变写法,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。