IE8适配的一些神操作(CSS3伪类IE8适配,placeholder兼容IE8)解决方案

1、CSS3伪类 IE8适配 原因IE8不支持的部分css3属性,不支持css3伪类
举例:input:checked
解决方案:Selectivizr
Selectivizr是一个JS文件,引入此JS文件即可解决css3伪类无效问题。示例代码:

// JS library即为JS框架,比如jQuery

解释:
1、使用Selectivizr前需要先加载下列框架中的任何一个:JQuery、dojo、prototype、Yahoo YUI、DOMAssistant、mootools、NVMatcher

IE8适配的一些神操作(CSS3伪类IE8适配,placeholder兼容IE8)解决方案
文章图片
2010-09-14_225522.png
2、placeholder兼容IE8 原因:placeholder是h5的新属性,IE10以前的浏览器(8、9)不支持此属性。
【IE8适配的一些神操作(CSS3伪类IE8适配,placeholder兼容IE8)解决方案】解决方法:jQuery三方插件 jquery-placeholder
test - 锐客网input{ width: 100px; height: 50px; border: 1px solid red; } .placeholder { color: #ccc; }

    推荐阅读