全兼容的移动端渐变写法

2023-05-06,,

/* 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框加纯色背景色会出现问题,可用同一颜色渐变来解决

《全兼容的移动端渐变写法.doc》

下载本文的Word格式文档,以方便收藏与打印。