css屬性在IE8下的兼容性：
1哩牍、border-radius 在ie8及以下無效
代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="menu-3.css">
</head>
<body>
<div class="m-list"></div>
</body>
</html>
css代碼：
.m-list{
text-align: center;
padding: 32px 0 31px 0;
border: 1px solid #ddd;
border-radius: 5px;
/*兼容ie8*/
position: relative;
/*z-index: 2;*/
behavior: url(./PIE.htc);
}
在html同級(jí)目錄下放入PIE.htc文件即可冯吓。
2倘待、opacity在ie8及以下無效
只需要在opacity屬性下 寫filter:alpha(opacity=透明度*100)
3、display:inline-block
間隙消除：在父級(jí)元素加：font-size: 0
4组贺、background-size: cover 在ie8及以下無效
background: url('../images/queen1.jpg') no-repeat
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/queen1.jpg', sizingMethod='scale');
3凸舵、在IE8下，input輸入框文字不能垂直居中
設(shè)置line-height即可
