要考虑网页在不同浏览器下的显示,得一个个去测试,感觉挺麻烦的。但把问题解决了,似乎挺爽的,特别是使用性高却令人头痛的IE浏览器。IE7出来后,一直在使用,但对比IE6来说,改进挺多的,变成在IE6和之前的IE版本的浏览器的测试上更麻烦,老是要换机子测试。在家里弄好,还得等第二天上班时在公司电脑上测试IE6下的显示。今天偶尔发现了个好东西——Multiple IE。
Multiple IE可以在现有的系统上同时运行 IE 3 – IE7,安装了测试了下,只有IE5.5和IE6比较正常,IE3-IE5都不行,但已经够用了,呵呵!
有兴趣的可以去看下!
官方网站地址:http://tredosoft.com/Multiple_IE
很久没上cssplay.co.uk逛下了,刚进就看到了这个好东西,昨天发布的又一个适应各种浏览器的CSS滑动菜单,主要是有分级显示当前选择项,而且可以添加说明文字,不错!老外都喜欢这样弄,用户体验呐!什么都解释的清清楚楚。他那提到在Firefox上关于文字大小方面会有点问题,呵呵!没去测试。
原文地址:http://www.cssplay.co.uk/menus/pro_droptab.html
下载地址:Download pro_droptab.zip
IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本,这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服
http://www.tantek.com/CSS/Examples/boxmodelhack.html
IE5.X/win对box-model的解析是一样的,他们认为width包括了边框(border)和补白(padding),幸运的是这个情况在IE6中有了好转
但是IE6在向后兼容的同时也包容了以前的错误,IE6其实有两个核心,在旧的页面前他仍旧表现出对错误的宽容,只有在文档中严格地加上文档类型(DOCTYPE)声明,IE6才能够接受正确的box-model
所以,tantak的hack必须和正确的DOCTYPE同时包含在文档中才能够正常工作
div.content {
width:400px; //这个是错误的width,所有浏览器都读到了
voice-family: “\”}\”"; //IE5.X/win忽略了”\”}\”"后的内容
voice-family:inherit;
width:300px; //包括IE6/win在内的部分浏览器读到这句,新的数值(300px)覆盖掉了旧的
}
html>body .content { //html>body是CSS2的写法
width:300px; //支持CSS2该写法的浏览器有幸读到了这一句
}
Continue reading »