Android 手机不支持 repeating-linear-gradient
发布于 6 年前 作者 licheng 4242 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

Android 部分手机出现不支持 background-image: repeating-linear-gradient() 的情况,iPhone 全部正常,模拟器正常。

这边测试的 Android 手机都不支持,测试的手机型号有 Huawei Mate 20 Pro,OnePlus 6,Vivo X9i

样式经过 postcss autoprefixer 转换,如下

background-image: repeating-linear-gradient(

-45deg,

rgba(0, 0, 0, 0.15) 0 36rpx,

transparent 36rpx 72rpx

),

-webkit-gradient(linear, left top, right top, from(#ff6b00), to(#e10112));

background-image: -webkit-repeating-linear-gradient(

135deg,

rgba(0, 0, 0, 0.15) 0 36rpx,

transparent 36rpx 72rpx

),

-webkit-linear-gradient(left, #ff6b00, #e10112);

background-image: -o-repeating-linear-gradient(

135deg,

rgba(0, 0, 0, 0.15) 0 36rpx,

transparent 36rpx 72rpx

),

-o-linear-gradient(left, #ff6b00, #e10112);

background-image: repeating-linear-gradient(

-45deg,

rgba(0, 0, 0, 0.15) 0 36rpx,

transparent 36rpx 72rpx

),

linear-gradient(to right, #ff6b00, #e10112);

Android 手机表现如下

  • 预期表现

iPhone 6 Plus 正常

模拟器正常 v1.02.1905230

  • 提供一个最简复现 Demo

https://developers.weixin.qq.com/s/t6AiOKmS7e8u

这个富文本编辑器真难用, 我放弃编辑它了

1 回复

你好,开发反馈回来的结果是,安卓端不支持repeating-linear-gradient。感谢你的反馈。

回到顶部