admin管理员组文章数量:1539337
2024年5月26日发(作者:)
IE6兼容性大全
相信从事前端开发的朋友对IE6都是深恶痛绝,恨不得先杀后J,然后再大卸八块以
解心头只恨。虽然是这么可恶的一个浏览器,但是IE6迄今为止的市 场占有率仍然很高,
截止2009年8月份的市场占有率仍然有25%之多。那么今天创意灵犀通过翻译国外的
译文对IE6的兼容问题进行总结概括。难免有疏漏 之处,如若您有更好的建议,欢迎在
回复中提出,我会及时加以补充。
1.前言:
考虑浏览器的兼容性,我们要做的首先一定要简洁,如果你的布局太复杂,兼容性就
更加难以做到。
其次,我们要实用合适的文档声明,因为没有声明的情况下,IE6会出现很多怪异的
问题。W3CSCHOOL指出,XHTML1.0中文档声明包括以 下三种:Frameset(框架型)、
Transitional(过渡型)、Strict(严格型) 。而loose为HTML4.01的类型,并非 XHTML的
类型。我们最常用的通常是过渡型,示例代码如下:
"/TR/xhtml1/DTD/">
第三,当我们完成制作的时候要记得验证我们的代码,有些人认为校验代码没有任何
实用价值,但我不这么认为。校验仅仅只需花费一点点时间,而且将受益于所有浏览器而
非仅仅IE6;验证确保了向后兼容并且易于维护。至少也得验证XHTML!
第四,实用渐进增强,即在适当的时候保留一些不兼容浏览器的基本功能,至少不影
响用户体验到网站要表现的内容。
最后是如何测试我们的网站,在FF下我们可以使用功能强大的Firebug,可以方便
的对网站的CSS及网站结构进行精确快速的运行时查看,甚至对JS设置断点。而IE下我
们的工具相对较为贫乏,但是我们可以使用IETester来测试不同IE版本的显示效果,
IETester的开发者也提供了DebugBar这款IE插件免费供个人使用,但商业用户只可试
用60天。
2.对IE6单独兼容
兼容IE6的第一步就是单独对IE进行兼容,你针对IE6所写的代码只影响IE6;有几
种方法可以区分开IE6:IE特有条件注释、CSS选择器、JavaScript,网上这方面的资源
非常丰富。具体的方法这里不再赘述。
6里的图片问题
3.1 PNG半透明图片
有很多JavaScript解决方案来修复IE6使用PNG-24图片,可以从互联网上获得相
关信息。另外一个办法是使用IE特有的滤镜
3.2 IE6下的CSS圆角。
具体实现方法,可以参看/tutorials/css-rounded-
corner-menus 不使用JS的方法,解决IE下圆角问题。
版权声明:本文标题:IE6兼容性大全 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1716738536a517027.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论