IE6对png图片兼容性题目的办理方案
|
IE 6.0 对png的兼容性其实让人头疼，以是抉择写个具体的办理方案，包罗IE6.0对png图片的支持，以及png图片作为配景平铺！
网上关于这类办理方案或许有3，4种，我这里之说我小我私人以为最美满的一种： 一、起首必要用到的文件： /Files/yaokai/IT 相干/iepngfix.zip 二、解压后将个中的 iepngfix.htc 文件 和 blank.gif 文件复制到响应的目次，这里要声名的是，这两个文件最好放在统一个目次下，（固然分隔放也可以，可是要修改下iepngfix.htc中blank.gif文件的路径，这里就不具体声名白）。 三、接下来你必要在css中引用iepngfix.htc这个文件，应用名目： img, div { 这里的类名是你用到的png文件地址的标签(或类名,提议直接用标签，较量省事);这里要提一下，我看的许多网站上写的方案对这个引用都是 behavior: url(iepngfix.htc); ，这样会造成一些欠好的效果，偶然会导致有些页面无法实现对png的兼容（这里就不细说了），总之必然要用相对路径。 四、OK，至此，我们已经实现了IE 6.0 对png 图片的兼容，可是对付有效到操作png图片作为配景平铺的页面来说，还没有完，你还要引用一个JS文件（压缩包里也有提供）, 虽然，路径最好也是相对的：<script type="text/javascript" src=“/JS/iepngfix_tilebg.js”></script> （这个js不必然要和上面的.htc 文件放一路，只要路径对就OK了）。 五、好了，这样就全面的完成了IE 6 对png的兼容，可是这里有个题目，用户每次打开网页的时辰，文件城市遍历页面中的png图片，这样会大大影响网页的速率，低落用户体验， 以是我们要做的是，让这两个文件，只在用户所用的赏识器为IE 6 的时辰才去执行它！！！ 我们可以通过IE 的 if 判定去实现它： <!--[if IE 6]> 这里提议以上这段代码最好写在你有效到png图片的页面头部<head></head>内！（虽然，假如行使了母版也，就只要在母版页中插手就行了）！！ （附：假如还想兼容IE 6 以下的版本只需把“<!--[if IE 6]>” 改为 “<!--[if lte IE 6]>” ！） OK ！至此，对付IE 6.0 对png图片的兼容性办理方案就竣事了。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
