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

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