一个简单的导航条,照着写各种问题:
先是由于 li 之间空隙的问题,导致一直换行: http://www.v2ex.com/t/254203 。
然后今天又发现 IE9 下不兼容,但是人家的 demo 用 IE9 访问确实好使的。
使用调试工具看页面加载所有文件的代码,也没找出个所以然来,搜索 CSS 渐变色兼容的写法,也都说-webkit-gradient 不适用于 IE9 。
最后才发现并不是 css 的兼容性问题,而是浏览器解析的问题。电脑安装了 IE9 , Chrome ,不知道什么时候开始,竟然有了个 Google Chrome Frame 。使用 IE9 直接访问人家的 demo 时,使用了 Chrome 框架解析,所以页面看起来就兼容 IE9 了,而我本地页面查看效果时,使用的是 IE 内核解析,所以显示效果不同。
http://www.oschina.net/question/208081_89397?fromerr=0HkzIGPI