IE6下滤镜插入透明PNG背景，解决失焦问题

在IE6或更低版本的浏览器插入PNG图片需要用到私有的滤镜，但是这样实现的背景图，会造成内容失焦，就是点不到背景之上的内容，可以使用css定义位置相对来解决。
CSS:

html>body #flash {
  background: url(images/page.png) no-repeat;
}
* html #flash {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://monw3c.blogbus.com/logs/images/page.png',sizingMethod='image');
}
#cont{
  position:relative;
}

XHTML:

<div id="flash">
      <div id="cont">这里插入动画</div>
</div>

这里flash设置了wmode为transparent实现背景透明，这样动画中的按钮就不会点不到了。

 

转自：http://www.w3cfocus.com/2011/0121/106.html

转载于:https://www.cnblogs.com/huicheng/archive/2012/01/04/2311717.html