2020-01-14

css属性在IE8下的兼容性：

1、border-radius 在ie8及以下无效
代码：

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同级目录下放入PIE.htc文件即可。

2、opacity在ie8及以下无效
只需要在opacity属性下 写filter:alpha(opacity=透明度*100)
3、display:inline-block
间隙消除：在父级元素加：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输入框文字不能垂直居中
设置line-height即可