为什么 UI 半透明面板会出现“黑边”和“发灰”：一篇把你从玄学里拎出来的透明指南

你肯定遇到过这种场面：

你做了个很常见的 UI 弹窗：
背景来一层半透明黑遮罩，弹窗面板是圆角、带柔和透明边缘的 PNG。
在编辑器里一看——哎挺好。
一跑真机——圆角边缘一圈黑线；或者整张面板“发灰”，像蒙了一层雾；再或者跟背景叠一起颜色不对，黑得不干净、灰得不高级。

你一脸问号：
“美术切图是不是有问题？”
美术也委屈：
“我 PSD 里没黑边啊！”
然后有人说：
“把导入设置里 Alpha is Transparency 勾上！”
你勾了，好了一点，但还是不完美。
又有人说：
“换个 Shader，用 Premultiply！”
你换了，有的图好了，有的图更怪了。
最后你靠“瞎试”把它弄得差不多能看，但心里很虚：
为什么会这样？下次又来我还得瞎试吗？

这篇文章就是来把这件事讲透：
UI 半透明面板的黑边和发灰，到底从哪来的？为什么有时候换个 Shader 就好了？为什么平台一换就变了？到底怎么一眼判断该怎么修？

我会尽量用大白话讲清楚，同时也给你一套“排查清单”，让你遇到类似问题不再靠运气。

0. 先把结论放前面（让你心里有底）

UI 半透明面板出现“黑边”和“发灰”，常见原因基本就这几类（按出现频率排序）：

1. 透明区域的 RGB 颜色不干净（透明像素其实有颜色）
2. 纹理采样（双线性过滤 / Mipmap / 压缩）把边缘脏色“搅进来了”