Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] IE.JS-将IE6变成标准浏览器同时支持png透明图像

[复制链接]
jianchang512 发表于 2013-4-13 15:33:50 | 显示全部楼层 |阅读模式
本帖最后由 jianchang512 于 2013-4-13 15:36 编辑

我想大多数做web开发的都会对IE6这个怪胎深恶痛绝,为了兼容这个古董,耗费了多少的精力和时间。

感谢Dean Edward,制作出了一个js库,可以将IE6变成IE7、8、9,从而变得更标准一些。


将IE6变成IE7、8、9

这里有三个js文件,只需要在页面中引入,就可以轻松控制IE6,将其变成像IE7、8、9一样来解析,好像没有了IE6,而且你可以控制将用户的IE浏览器以什么版本来解析代码,从而避免了怪异的IE6。同时它还能使IE6正确的处理png的透明图像。


IE7.JS

在页面中引入这个文件,可以将IE6变成IE7的解析方式,也就是完全可以将IE6浏览器当作IE7浏览器来开发
<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]-->



IE8.JS

在页面中引入这个文件,可以将IE6变成IE8的解析方式,也就是完全可以将IE6浏览器当作IE8浏览器来开发
<!--[if lt IE 8]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> <![endif]-->



IE9.JS

在页面中引入这个文件,可以将IE6变成IE9的解析方式,也就是完全可以将IE6浏览器当作IE9浏览器来开发
<!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> <![endif]-->



这3个文件只针对IE浏览器才会加载,而其他浏览器会将其当作注释不进行解析,因为使用了IE的条件注释,避免了无谓的加载文件,拖慢速度。


注意:如果你将ie6视为了ie7浏览器,那么为了避免IE8的兼容性问题,你需要将IE8视为IE7,需要在head区域添加如下代码

<meta http-equivmetahttp-equiv=“X-UA-ompatible” content=“IE=EmulateIE7″/>


使IE6能正确的处理png透明图像

你只需要将png图像重新命名为  “任意名字-trans.png“就可以让IE6正确处理图像了


但是注意:对于平铺,也就是  repeat或者repeat-x或者repeat-y的png图像,IE6依然无法正确处理,所以使用这种方法,你必须保证png图像不是平铺的。
完整版阅读地址 http://www.wanglu123.com/ie7-ie6-into-standard-browser/

左手的爱 发表于 2013-4-13 15:55:44 | 显示全部楼层
换成GIF格式就可以了
回复

使用道具 举报

*▕ヽ统?帅 发表于 2013-4-13 15:59:32 | 显示全部楼层
[魅影皇朝]这是真的吗?太好了,谢谢您啊https://discuz.dismall.com/thread-2618476-1-1.html
回复

使用道具 举报

zjg1210 发表于 2013-5-26 16:51:12 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

cn167 发表于 2013-10-16 22:34:49 | 显示全部楼层
这个代码是错的吧?怎么是<!--[if lt IE 9]> 不应该是<!--[if lt IE 6]> 吗?
回复

使用道具 举报

cn167 发表于 2013-10-16 22:35:17 | 显示全部楼层
这个代码是错的吧?怎么是<!--[if lt IE 9]> 不应该是<!--[if lt IE 6]> 吗?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-18 09:38 , Processed in 0.031993 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表