[转载]让IE PNG透明私有滤镜支持背景定位

做过网页制作的朋友应该都明白，IE6是不支持PNG透明的。其中有一种用CSS滤镜解决的方法（IE私有），这种方法的好处是纯CSS实现，不需要借助任何JS或外部文件。

不过经实践，发现有三个缺点：

 

1、CSS代码长。
2、点击事件会失效。

3、不支持背景定位（下文主题就是讲如何把这个BUG修复）。

此方法在一些背景层上应用还是很实用的。CSS代码确实长了点，但毕竟是CSS，而不是渲染比较慢的脚本。再者背景层上一般是没有点击事件的。

 

代码如下：

background:url(/img/default/contact/friend_bg.png) no-repeat -10px -28px;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/default/contact/friend_bg.png" ,sizingMethod="crop");
_padding:28px 0 0 10px;
_margin:-28px 0 0 -10px;

 

其中margin和padding是为了实现background-position（背景定位）。

 

此方法出现自 腾讯微博 视频播放缩略图上的小播放按钮上

 

转载：http://note.sdo.com/u/634718107660171185/n/bBXuN~k4HFWwLX02I000nn