在设计网页或者切图的过程中,我们常常会想实现更多的效果,使用投影效果,将带有投影效果的图片放在最前层,但在浏览器兼容方面常常会遇到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 |
本文提供了一种解决IE6浏览器中PNG图片显示异常的方法,通过引入特定的JS文件,可以有效消除图片周围出现的白色或灰色边框问题,确保投影效果正常呈现。


2966

被折叠的 条评论
为什么被折叠?



