美文网首页小程序实用UI及常见问题解决
小程序CSS兼容之color,box-shadow,linear

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

作者: Frankeen | 来源:发表于2019-02-16 08:10 被阅读0次

    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));
    
    

    相关文章

      网友评论

        本文标题:小程序CSS兼容之color,box-shadow,linear

        本文链接:https://www.haomeiwen.com/subject/ftpqsqtx.html