解决IE6中CSS使用透明背景图片的问题

IE6及以下版本并不支持透明的png格式，所有png透明的部分都会变成灰色。

为了解决这个问题，可以使用下面的CSS样式设置：

background: url('icons/shortcut.png') no-repeat center center !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/TripSys/icons/shortcut.png'); background: none;

 

第一个background是给Firefox、safari使用，filter及第二个background是给IE使用。

 

 

注意点：

1.filter中的src是调用CSS的网页到图片文件的路径，而非css文件本身到图片的路径，这跟我们平时在CSS中使用图片有点区别。

2.如果是在windows 2003 中测试filter，会造成本地 VS 远程服务器 的两种不同区别，这是由于windows 2003 的IE版本默认安装了“IE增强安全配置”，在“IE增强安全配置”下，所有非local的filter都将失效！！！（解决方法是通过控制面板下的“Windows组件添加/删除”程序将“IE增强安全配置”卸载。）