在设计网页的时候,经常碰到浏览器不兼容的时候,当然这个时候就要使用 CSS Hack 技术来完善你的 CSS 文件了,不过在进行CSS Hack的时候选择浏览器 测试网页也是很重要的,所谓工欲善其事必先利其器。通常我们不得不在电脑上安装 Firefox、Opera、Safari……
IE系列中,不同的版本又会对CSS属性有不同的解释,于是我们安装了IE系列全套,然而现在我们有了一定的解决方,Multiple IE 与 IETester 就是这样两个工具,为你省去安装不同IE浏览器的麻烦。
首先是 Multiple IE
Multiple IE 集成了IE浏览器中的 IE 3.0, IE 4.01, IE 5.01, IE 5.5 and IE 6 各个版本,可谓是全能工具了,而这一工具也是免费的,官方下载地址为:http://tredosoft.com/Multiple_IE .本人有使用过,不知道会是什么样子,估计只有英文版本,当然在无比强大的中国IT人员手中,这样一款好的IE测试工具可能也会有汉化的,你可以到网上搜索一下。
另外一个就是 IETester
IETester 同样是一个免费的集成IE浏览器,集成的IE版本包括IE5.5、IE6.0、IE7和IE8。看起来功能是比 Multiple IE 要逊色了一些。这款工具也是本人目前在使用中的一个测试工具,本人下载到了中文版 ,应该来说,用起来还是有些Bug的,经常报网页中的Javascript错误,运行速度一般,在我1G内存配置跑 Vista 的笔记本上打开估计要那么10秒。官方下载地址为 :http://www.my-debugbar.com/wiki/IETester/HomePage 。
以后在制作网页的时候,就可以使用这些工具来测试你的CSS是否能够在不同的IE浏览器中显示正常了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=utf-8"> <html> <head <style> img{ border:0; } #logo { display: block; overflow: hidden; position: relative; width: 137px; height: 49px } #logo img { left: 0px; position: absolute; top: -41px } #logofirefox{ color: #000; display: block; overflow: hidden; position: relative; width: 137px; height: 49px; } #logofirefox img { left: 0; position: absolute; top: -41px; } </style></head> <A id="logo" title="Go to Google Home" href="http://www.google.com.hk/webhp?hl=zh-CN" mce_href="http://www.google.com.hk/webhp?hl=zh-CN"> <IMG src="http://www.google.com.hk/images/srpr/nav_logo14.png" mce_src="http://www.google.com.hk/images/srpr/nav_logo14.png"/> </A> <hr/> <a title="Go to Google Home" href="http://www.google.com/webhp?hl=en" mce_href="http://www.google.com/webhp?hl=en" id="logofirefox"> Google<img src="http://www.google.com.hk/images/srpr/nav_logo14.pngx" mce_src="http://www.google.com.hk/images/srpr/nav_logo14.pngx"/> </a> </body></html>