当前位置: 首页 > article >正文

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

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

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

在这里插入图片描述
安卓+pc 支持

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

安卓+pc + ios支持

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

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

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

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


http://www.kler.cn/a/568538.html

相关文章:

  • Ubuntu 下 nginx-1.24.0 源码分析 - ngx_init_cycle 函数 - 详解(9)
  • LeetCode 2353. 设计食物评分系统题解
  • Qt 的 Lambda 捕获局部变量导致 UI 更新异常的分析与解决
  • Solar2月应急响应公益月赛
  • 虚拟机中的指示命令
  • 使用SPI总线与外部传感器通信,使用ECU抽象
  • rust学习笔记9-结构体与206.反转链表
  • 知识图谱neo4j+vue+flask课程在线学习系统
  • 聊一聊 IM 如何优化缓存
  • WSBDF レクチア 定义2 引理3 wsbdf的乘子
  • cellphonedb v5受配体多组比较气泡图(原创函数)
  • Visual Studio Code集成MarsCode AI
  • DeepSeek on AWS:解锁高效AI训练与部署的云端密码
  • rust基础-宏与方法之间的区别
  • MongoDB Compass中MONGOSH常用查询整理
  • 洛谷P1004方格取数(两个题解)P1359租用游艇 P2285打鼹鼠 P1725琪露诺 P1886滑动窗口/单调序列
  • 【沙漠之心:揭秘尘封奇迹的终极之旅】
  • Redis通用命令
  • Java 容器之 List
  • 2024年时间序列预测领域的SOTA模型总结