分别兼容IE7，IE8,IE9,IE10，超简单一看就会

分别兼容IE7，IE8,IE9,IE10，超简单一看就会

• 前端时间公司要求兼容IE7-IE10，在这里总结一下，大佬勿喷
• 针对IE7，IE6只对IE7,IE6生效的代码跟媒体查询用法一样
• `

  /* 只对IE6/7生效 */@media screen\9 {
/*写你需要的IE6，7样式*/
}

针对IE8只对IE8生效的代码跟媒体查询用法一样

  /* ie8 */@media \0screen {/*写你需要的IE8样式*/
}

针对IE9，IE10只对IE9，IE10生效的代码跟媒体查询用法一样

  /* 只对IE9/10有效 */@media screen and (min-width: 0\0) {/*写你需要的IE9，10样式*/
}

针对IE10只对IE10生效的代码跟媒体查询用法一样

  /* ie10 */@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {/*写你需要的10样式*/}

只对IE6，IE7,IE8生效的

  /* ie678/ */@media \0screen\,screen\9 {/*写你需要的IE6，7，8样式*/
}

也可以直接设置单独对IE9到IE7生效的方法如：

.box{float: right \9;/*后缀只对ie9以下生效*/
}

流下了没有技术含量的泪水