css - 在网站上显示透明图像的最佳方式是什么?

标签 css internet-explorer-6 png transparent

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

我的观众中有 25% 使用 ie6(大多数来自中东国家),所以尽管我希望我可以假装 ie6 不存在,但我必须这样做。

最佳答案

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

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

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

最好的办法可能是使用 css3 来设置容器的样式,并让 IE 用户使用方 Angular 。

关于css - 在网站上显示透明图像的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8052035/

相关文章:

memory-leaks - IE 6 中存在内存泄漏的大型 Web 应用程序

html - IE7 CSS 水平菜单 - Li 的菜单似乎相互嵌套

jquery html 按钮库

javascript - 滚动 Div 部分的动画计数器?

jquery - 我有两个输入字段,用户可以在其中输入他们的值,如果值不同,则应更改结果

internet-explorer - Google Maps V3 自定义标记未在 IE 中显示

c++ - Boost GIL 图像构造函数

javascript - 如何从相对 URL 获取 Css 背景图像 URL 文本?

regex - IE 6 中的正则表达式问题

c - <png.h> 在 mac os X mavericks 中找不到