如果不透明度小于 1，透明度不再透明
我有一个 32 位 PNG，表示透明正方形中间的蓝色正方形。 下面，我用 3 个不同的不透明度值显示了这个蓝色方块：
>从左到右，不透明度分别为 1、0.5 和 0.1，如您所见（如果您看不到，请相信您的 Photoshop 滴管）蓝色方块周围的区域仅在左图。
这是具有颜色值的相同图像：
我知道它几乎不可见，但我想知道是什么原因造成的。 再加上一些图像和背景，对比度更加明显。
谢谢！
编辑：这是我的 VS 解决方案，供那些想在家尝试的人使用：http: //www.mediafire.com/?gt704e62d53z7ae
I have a 32-bit PNG representing a blue square in the middle of a transparent square.
Below, I displayed this blue square with 3 different opacity values:
From left to right, opacity is 1, 0.5 and 0.1 and as you can see (if you can't, just trust your Photoshop eyedropper) the area around the blue square is only transparent on the left image.
Here is the same image with the color values:
I know it's barely visible but I'd like to know what causes this.
Plus with some images and backgrounds, the contrast is more noticeable.
Thanks!
EDIT: Here's my VS solution for those who want to try it at home: http://www.mediafire.com/?gt704e62d53z7ae
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
它不是抗锯齿的，而且很可能不是 预乘 Alpha 混合，因为它的目的是做你正在做的事情。
这看起来最像渲染问题。
您是否在多个浏览器中尝试过此操作？在具有不同 GPU 的不同机器上？在具有更新驱动程序的同一台计算机上？
It is not anti-aliasing, and most likely not a Premultiplied Alpha Blending as its purpose is to do what you're doing.
It seems most like a rendering issue.
Have you tried this in several browsers? On a different machine with different GPU? On the same machine with updated drivers?
它可能是抗锯齿导致透明“框架”和半透明“蓝色方块”之间的混合，从而导致您看到奇怪的中间颜色重影。
It could be anti-aliasing causing a blend between the transparent 'frame' and the semi-transparent 'blue square' causing the strange intermediate color ghosting you are seeing.