小程序实用UI及常见问题解决

小程序CSS兼容之color,box-shadow,linear

2019-02-16  本文已影响0人  Frankeen

1,颜色值不能使用八位,应该换成六位,或者使用rgba代替,否则在Ios能正常显示,但是在Android下该颜色会直接被忽略,如:
以下颜色color,阴影box-shadow,渐变linear-gradient的使用

color:#8A96A0ff;
#替换成
color:#8A96A0;

box-shadow:0px 2px 4px #0000001A,0px 0px 2px #0000001A;
#替换成
box-shadow:0px 2px 4px rgba(0,0,0,0.1),0px 0px 2px rgba(0,0,0,0.1);

background:-webkit-linear-gradient(225deg,#FF9D33FF,#FF6F21FF);
background:linear-gradient(225deg,#FF9D33FF,#FF6F21FF);

#替换成
background:-webkit-linear-gradient(225deg,rgba(255,157,51,1),rgba(255,111,33,1));
background:linear-gradient(225deg,rgba(255,157,51,1),rgba(255,111,33,1));

上一篇 下一篇

猜你喜欢

热点阅读