彻底解决IE6中PNG图片背景透明问题,告别兼容性噩梦!
说到IE6,很多前端都很头大,我刚开始做网页的时候,也为之痛苦不堪。其中,我也总结了一些IE6中常见的问题,如margin、padding、ul li中点的显示问题、弹出层被select选择框挡住等。后续文章会继续分享这些经验,敬请期待!
本文的主题是IE6中png背景透明的最佳解决方案。网上有许多方法,但经过实践验证,使用DDPngMin.js的效果最佳。
应用方式:
-
- <!--[if IE 6]>
- <script src="js/DDPngMin.js"></script>
- <script>DD_belatedPNG.fix('.ad_img img,#banner_ctr ul');</script>
- <![endif]-->
复制代码
引入DDPngMin.js文件后,可以针对特定的png图片进行处理。
DDPngMin.js 下载
解决了png背景透明的问题后,我们来聊聊IE6。随着微软宣布停止对Windows XP的支持,XP逐渐退出了历史舞台,随之而来的是IE6和IE7的逐步淘汰。然而,在当前环境下,仍有相当数量的用户在使用IE6和IE7,因此对于普通网站而言,兼容这两个版本的浏览器仍然是必要的。
至于我的博客,访问者主要是前端开发人员或网络专业人士,所以不考虑对IE6、IE7以及IE8的兼容性,而是直接将最低支持版本设定为IE9,同时确保基于谷歌内核、火狐和苹果浏览器的用户能够获得更佳的浏览体验。
|