全兼容的移动端渐变写法

发布时间:2020-06-20 20:33:17 作者:chenhuixfyy
来源:网络 阅读:4014
/* 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框加纯色背景色会出现问题,可用同一颜色渐变来解决

推荐阅读:
  1. inline-block Ie兼容写法
  2. CSS3之flex兼容写法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

移动 背景 background

上一篇:Angular 英雄编辑器

下一篇:Oracle运维案例之反序函数索引的使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》