最近几天跟IE6的Bug纠缠,到今天小松口气。
已经看到有人总结的经验就不写了,将自己的一些小体会写下来。
1) 不要用浮动。
我看到有很多经验介绍在浮动情况下怎样去解决IE6的各种Bug,但最好的办法是完全不用浮动。
直接使用绝对定位基本上可以解决绝大多数的排版问题。有时候最简单直接的方案就是最好的方案。
2) 如果有用Javascript进行用户交互,切记在每一个绑定在页面元素的Click()方法结尾加上"return false;",否则IE6有可能报错,如果你屏蔽了脚本调试,虽然不会显性报错,但可能导致意想不到的结果。对于图片元素(尤其是Png图片),更安全的做法是将它包含在<a>标签中,而不是直接在图片上绑定脚本。
3) 尽量把元素的CSS属性集中写在CSS文件里,如果写在元素的"style"属性里,有时候会出现意想不到的显示结果。这个问题是我终极跟踪后发现我的Png图片透明问题(已经使用特别Js处理)在某个弹出式Div上总是不能成功,但最后只需要把Div的display:none属性移到css文件中去就得到解决后发现的。原理尚不清楚,但只要想到它是IE6,就不怎么令人惊讶了。