美文网首页小程序实用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

    1,颜色值不能使用八位,应该换成六位,或者使用rgba代替,否则在Ios能正常显示,但是在Android下该颜色会...

  • 18、CSS渐变gradient

    一、CSS渐变 (1)线性渐变:linear-gradient(color1,color2,…) linear-g...

  • 条纹背景

    css线性渐变语法:background: linear-gradient(direction, color-st...

  • 1012背景与颜色

    ###背景与颜色 #前景色 color 会作为border、text、box-shadow的默认值。 #css3 ...

  • css3新增的属性

    css3新增属性:1,box-shadow(阴影效果)2,border-color(为边框设置多种颜色)3,bor...

  • css color之线性linear-gradient()函数

    CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。其结果属于

  • CSS3新增属性

    CSS3新增属性用法整理:1、box-shadow(阴影效果)2、border-color(为边框设置多种颜色)3...

  • 无标题文章

    总结小程序 1小程序是微信全新定义的规范,是基于xml+js的,不支持也不兼容HTML,兼容受限的部分CSS写法。...

  • CSS样式

    background-color:背景颜色 color:文字颜色 background: linear-gradi...

  • 总结HTML5(二)

    渐变 线性渐变 linear-gradient linear-gradient:(angle,color val...

网友评论

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

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