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端要写四段,才能实现这样一个渐变效果。
以下是期望效果

相关推荐
拾光拾趣录26 分钟前
8道题穿透前端原理层
前端·面试
cc蒲公英1 小时前
uniapp x swiper/image组件mode=“aspectFit“ 图片有的闪现后黑屏
java·前端·uni-app
前端小咸鱼一条1 小时前
React的介绍和特点
前端·react.js·前端框架
谢尔登1 小时前
【React】fiber 架构
前端·react.js·架构
哈哈哈哈哈哈哈哈8531 小时前
Vue3 的 setup 与 emit:深入理解 Composition API 的核心机制
前端
漫天星梦1 小时前
Vue2项目搭建(Layout布局、全局样式、VueX、Vue Router、axios封装)
前端·vue.js
ytttr8732 小时前
5G毫米波射频前端设计:从GaN功放到混合信号集成方案
前端·5g·生成对抗网络
水鳜鱼肥2 小时前
Github Spark 革新应用,重构未来
前端·人工智能
前端李二牛2 小时前
现代CSS属性兼容性问题及解决方案
前端·css
贰月不是腻月2 小时前
凭什么说我是邪修?
前端