浏览器与CSS兼容性测试.
时间：2010-06-17 来源：bluedrum
近日做一网站,测试.IE 6.0,Firefox 3.6 发现一些兼容性问题,主要是出现在IE 6.0 这个很老的浏览器上.
1.网站图标.
Firefox 自由的多.无论哪一个目录都行,只要在网页写对路径.而且高版本IE要放在网站根目录下.
IE6.0 是一定显示不出来.高版本则正常.360浏览器也能正确显示.
2. body OnLoad时机.
对于<body onload="bodyOnload()">
不同浏览器行为不一样.FireFox在装入页面前执行onload事件,而且IE是在装入页面完成后时.才执行OnLoad事件.在服务器上问题不大,但是在本地文件时,如果程序带了Flash控件,并且用脚本显示.则无法正确显示,这样在IE测试带Flash控件页面,将无法执行OnLoad事件,这非常让人烦火.
一种替代的方法是在页面Body最后执行一个<SCRIPT>,在这里执行OnLoad代码.这样在所有情况下不会出错.
|
<link rel="icon" href="favicon.ico" type="image/ico"></link> |
3.对于float:right的不同理解.
对于如下代码.正常情况是"课程安排"显示在DIV的左边,而btn_zx.png显示在右边.
|
<DIV class="ibox_t16"> |
FireFox即是这样,但在IE 6里.那个图片被挤到第二行去了.即"课程安排"占了一行.最后为在哪一个浏览器都正常.最后改写如下代码.增加一个<DIV>
|
<DIV class="ibox_t16"> |
相关阅读 更多 +
