ie8如何兼容css中的选择器:before和:checked

Selectivizr可以让IE6~8支持CSS3伪类和属性选择器，selectivizr是一个JavaScript工具，使IE浏览器也可以支持CSS3伪类以及属性选择器，使用很简单，只要把js include到页面上。

目前成都创新互联已为成百上千的企业提供了网站建设、域名、网页空间、网站托管维护、企业网站设计、青山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

.example：after， .example after {} 一个有冒号，一个是空格分隔。前者IE8+及其他现代浏览器；后者为IE6-7准备的。

e浏览器从ie8开始添加了兼容模式，开启后会以低版本的ie进行渲染。

有没有只针对IE8的CSS样式hack?

1、css hack方式二：类内属性前缀法属性前缀是在CSS样式属性名上加上一些只有特定浏览器才能识别的hack前缀，已达到预期的页面展现效果。

2、width：auto；是宽度自动的意思。\9是hack css 的一种写法，这种在正常css代码后面加\9的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的。

3、针对不同的浏览器写不同的 CSS code 的过程，就是 CSS hack。

求助css解决ie8兼容性的问题

经测试后完美解决了兼容模式问题，这样设置后IE中设置兼容模式的按钮也会消失，可以按F12打开“开发人员工具”来检查浏览器模式。

在IE浏览器中，可以通过滤镜filter来实现。

第一个li的高度高了，所以后面float的元素就卡住了。你可以直接在第一个li里面设置一下style=line-height：29px；，就可以看出来效果了。反正就是这个的原因。至于怎么解决，没有找到问题产生的原因啊。。

在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。

请教IE8兼容视图下CSS样式显示不正确问题

1、子元素浮动后父元素塌缩。最简单的解决方法是在父元素top-main clearfix的最后加一个子元素，将其clear值设为both。

2、清除浮动试试，没放浏览器里面测试，目测是浮动没清除造成的。自己百度：css清除浮动 记住：几乎所有情况下浮动了，都要清除 css命名不要用下划线，改成中划线。

3、ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。

分享文章：只兼容ie8css样式 ie80兼容模式
文章出自：http://myzitong.com/article/didopjs.html