css - Base64_encode 中的 24 位 Alpha channel

Question

所以我正在尝试使用 base64 编码的 png 在我的 CSS 中使用图标。我用过http://www.motobit.com/util/base64-decoder-encoder.asp转换它们。然而，png 只有一个 8 位的 alpha channel ，像素要么完全不透明，要么完全透明，没有部分透明。这使我的图标带有硬边。通过 base64_encode 可以实现 24 位 alpha channel 的任何想法吗？

Answer 1

该页面中的编码器可能有问题。我在 Photoshop 中制作了一个带有 alpha channel 的 PNG，使用 PHP 的 base64_encode() 对其进行编码，将其放入图像中，然后就可以了。看看this fiddle用于 HTML 和 this fiddle用于 CSS。