Selectivizr可以让IE6~8支持CSS3伪类和属性选择器，selectivizr是一个JavaScript工具，使IE浏览器也可以支持CSS3伪类以及属性选择器，使用很简单，只要把js include到页面上。
目前成都创新互联已为成百上千的企业提供了网站建设、域名、网页空间、网站托管维护、企业网站设计、青山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
.example：after， .example after {} 一个有冒号，一个是空格分隔。前者IE8+及其他现代浏览器；后者为IE6-7准备的。
e浏览器从ie8开始添加了兼容模式，开启后会以低版本的ie进行渲染。
1、css hack方式二：类内属性前缀法属性前缀是在CSS样式属性名上加上一些只有特定浏览器才能识别的hack前缀，已达到预期的页面展现效果。
2、width：auto；是宽度自动的意思。\9是hack css 的一种写法，这种在正常css代码后面加\9的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的。
3、针对不同的浏览器写不同的 CSS code 的过程，就是 CSS hack。
经测试后完美解决了兼容模式问题，这样设置后IE中设置兼容模式的按钮也会消失，可以按F12打开“开发人员工具”来检查浏览器模式。
在IE浏览器中，可以通过滤镜filter来实现。
第一个li的高度高了，所以后面float的元素就卡住了。你可以直接在第一个li里面设置一下style=line-height：29px；，就可以看出来效果了。反正就是这个的原因。至于怎么解决，没有找到问题产生的原因啊。。
在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。
1、子元素浮动后父元素塌缩。最简单的解决方法是在父元素top-main clearfix的最后加一个子元素，将其clear值设为both。
2、清除浮动试试，没放浏览器里面测试，目测是浮动没清除造成的。自己百度：css清除浮动 记住：几乎所有情况下浮动了，都要清除 css命名不要用下划线，改成中划线。
3、ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。
