在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

posted on 2012-01-04 11:02  恋爱灰尘  阅读(226)  评论(0编辑  收藏  举报