h5 IOS端渐变的兼容问题 渐变实现弧形效果

IOS端使用渐变的时候有兼容问题

以下是问题效果,图中黑色部分期望的效果应该是白色的。但是ios端是下面的样子......


安卓+pc 支持

css 复制代码
background-image: radial-gradient(circle 40rpx at 100% 0, #f3630c 40rpx, rgb(255, 255, 255) 50%);

安卓+pc + ios支持

css 复制代码
background-image: radial-gradient(circle 40rpx at 100% 0, #f3630c 40rpx, rgb(255, 255, 255) 98%, #fff);

下面的写法兼容全部平台推荐使用。

注释:rpx是uniapp的原因。各位自行调整px等。

不同点就是ios端要写四段,才能实现这样一个渐变效果。
以下是期望效果

相关推荐
空中海6 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
zhensherlock6 小时前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
zhuà!6 小时前
element的el-form提交校验没反应问题
前端·elementui
龙猫里的小梅啊6 小时前
CSS(一)CSS基础语法与样式引入
前端·css
小码哥_常6 小时前
从0到1,开启Android音视频开发之旅
前端
渔舟小调6 小时前
P19 | 前端加密通信层 pikachuNetwork.js 完整实现
开发语言·前端·javascript
qq_12084093717 小时前
Three.js 工程向:Draw Call 预算治理与渲染批处理实践
前端·javascript
不会聊天真君6479 小时前
JavaScript基础语法(Web前端开发笔记第三期)
前端·javascript·笔记
IT_陈寒10 小时前
SpringBoot自动配置这破玩意儿又坑我一次
前端·人工智能·后端