• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  完美解决令人头痛的正文

完美解决令人头痛的ie6的png透明问题

作者:我爱模版网
类型:图文教程
点击次数:
发布时间:2014-01-20 11:47
分享到:
先看这张截图:
IE6PNG
这张图是在IE6浏览时显示的样式。
下面这张图是在火狐下显示的样式:
火狐下的png图片
可以看到,IE6下png的透明部分显示成了一种蓝色不透明,把背景遮挡住了。

为了解决这个问题,我们可以在头部引入以下代码:

<!--[if IE 6]>
<script type="text/javascript" src="js/iepng.js"></script>
<script type="text/javascript"> EvPNG.fix('div, ul, img, li, input, a');
</script>
<![endif]-->
然后下载iepng.js文件,放到js文件夹下即可完美解决IE6png透明问题。

下图是使用了上面方法之后,IE6的png显示效果:
(责任编辑:网页模板)
  • 本文标签:
  • IE6 PNG透明教程,IE6兼容教程
没有上一篇
记一下:IE6、IE7、IE8的CSS hack