消声匿迹这么久,我该说明一下忙啥了。从去年10月29号到现在,先后学习了HTML,CSS,PHP,MYSQL,CMS内容管理工具,一心为我的第一个web站点忙活。今年4月1日,我的网站就要上线了。www.tibetic.com—西藏家,做这个网站是因为当时打算今年暑假去西藏的,但是参加大赛计划可能又要泡汤了。
我一直使用Firefox作为主浏览器,当时没意识到css兼容性在不同浏览器的差距。直到前天从学校上机,用ie6一看,omg,不忍直视的赶脚扑面而来~
边框消失,png不支持等等问题...我当时以为是ie版本低,没太在意
今天下载下safari,chrome做兼容测试,发现也不显示边框,赶忙找到css文件查看
下面是各浏览器显示效果 chrome
firefox
safari
但是就是搞不懂拿错了,最后上w3cschool找到border的样式规则,发现border最小单位是1px....不能用小数,以迅雷不及掩耳盗铃之势修改后终于天下大同了
chrome
firefox
safari
以后再做网站时,一定要注意css在不同浏览器的显示效果保持一致,不能一直瞎忙,结果系统越大越难修改。