box-shadow: rgba(99, 99, 99, 0.2) 0rpx 2rpx 8rpx 0rpx;
梦尋Junjie
- 发布：2025-02-10 15:40
- 更新：2025-02-10 18:03
- 阅读：30
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11 24h2
HBuilderX类型： 正式
HBuilderX版本号： 4.45
手机系统： Android
手机系统版本号： Android 15
手机厂商： 小米
手机机型： Redmi Turbo 3
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
box-shadow: rgba(99, 99, 99, 0.2) 0rpx 2rpx 8rpx 0rpx;
box-shadow: rgba(99, 99, 99, 0.2) 0rpx 2rpx 8rpx 0rpx;
预期结果：
box-shadow: rgba(99, 99, 99, 0.2) 0rpx 2rpx 8rpx 0rpx;
box-shadow: rgba(99, 99, 99, 0.2) 0rpx 2rpx 8rpx 0rpx;
实际结果：
box-shadow: rgb(99, 99, 99) 0rpx 2rpx 8rpx 0rpx;
box-shadow: rgb(99, 99, 99) 0rpx 2rpx 8rpx 0rpx;
bug描述：
box-shadow: rgba(99, 99, 99, 0.2) 0rpx 2rpx 8rpx 0rpx;
渲染效果 千奇古怪
附加一张是 真机调试,一张是H5
爱豆豆 - 办法总比困难多
确实有这个问题 应该是颜色顺序导致的
把颜色放后面就好了 你试下
box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(202, 19, 99, 0.2);
梦尋Junjie (作者)
好的 谢谢
2025-02-10 18:42