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

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支持。这可能是最容易和最简单的方法。