在网站上显示透明图像的最佳方法是什么？

Question

我从事 CSS 多年，但由于缺乏对旧浏览器的支持，我一直试图远离透明图像或背景。现在我需要创建圆角边框，我知道你可以在 CSS3 中做到这一点，但我也可以使用 .png 图像。 ie6 都不支持 - 除了 ie6 有一个 .png 修复程序，它有时似乎可以工作 - 所以我想知道最好的方法是什么。

我的观众中有 25% 使用 ie6（大部分来自中东国家），所以即使我希望可以假装 ie6 不存在，但我必须这样做。

Answer 1

我相信大多数（如果不是全部）.png 修复程序不适用于重复或定位的背景，因此您需要使用单个图像作为背景。如果您的网站内容更改为在这些区域中有更长的复制块，您将需要重新创建这些背景图像，因为静态背景图像不会缩放到您的内容。

考虑到这样一个事实，就视障用户的可访问性而言，使用 .png 并不是最佳选择。

对于需要增加字体大小以在屏幕上阅读文本的用户，文本最终可能会在具有 .png 背景的容器之外运行，并且在这些情况下可能变得不可读。

最好的办法可能是使用 css3 来设置容器的样式，并让 IE 用户回退到方角。

Answer 2

如果您只需要圆角，请使用 CSS3 border-radius 并加入 PIE.htc 以获得 IE6 支持。这可能是最简单、最简单的方法。