ie6-png透明之投影透明,终于找到解决办法!

来源:互联网 发布:典型的数据库管理系统 编辑:程序博客网 时间:2024/05/30 20:08

在设计网页或者切图的过程中,我们常常会想实现更多的效果,使用投影效果,将带有投影效果的图片放在最前层,但在浏览器兼容方面常常会遇到IE6显示时有白色或者灰色的边框,以下代码将帮你解决这些问题,笔者用过,的确有效的.(这里需要两个JS文件,可在下面进行下载)

代码如下

<!--[if IE 6]>
<script src="PNG.js"></script>
<script>
  DD_belatedPNG.fix('#nav, img');  //#nav可为任意CSS选择器
</script>
<![endif]-->

示例如下:PNG.JS放在根目录,我的浮动层样式为#MENU,图片文件名为menu.png(图片带有投影效果)。

<!--[if IE 6]>
<script src="PNG.js"></script>
<script>
  DD_belatedPNG.fix('#MENU, menu.png‘);  //#nav可为任意CSS选择器
</script>
<![endif]-->

PNG透明解决方案.rar

原创粉丝点击