1、CSS3偽類 IE8適配
原因IE8不支持的部分css3屬性暑认,不支持css3偽類
舉例:input:checked
解決方案:Selectivizr
Selectivizr是一個(gè)JS文件,引入此JS文件即可解決css3偽類無(wú)效問(wèn)題。示例代碼:
// JS library即為JS框架大审,比如jQuery
<script type="text/javascript" src="[JS library]"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->
解釋:
1蘸际、使用Selectivizr前需要先加載下列框架中的任何一個(gè):JQuery、dojo徒扶、prototype粮彤、Yahoo YUI、DOMAssistant姜骡、mootools导坟、NVMatcher
2010-09-14_225522.png
2、placeholder兼容IE8
原因:placeholder是h5的新屬性圈澈,IE10以前的瀏覽器(8惫周、9)不支持此屬性。
解決方法:jQuery三方插件 jquery-placeholder
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<!--[if lte IE 9]>
<script src="../../js/jquery/jquery.placeholder.min.js"></script>
<script>
$(function(){
$('input[placeholder]').placeholder();
});
</script>
<![endif]-->
</head>
<style type="text/css">
input{
width: 100px;
height: 50px;
border: 1px solid red;
}
.placeholder {
color: #ccc;
}
</style>
<body>
<input type="text" placeholder="dfdsfdsfad"/>
</body>
</html>