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

最新推荐文章于 2022-08-22 15:48:47 发布

倒爷

最新推荐文章于 2022-08-22 15:48:47 发布

阅读量398

点赞数

分类专栏：兼容IE 文章标签： html css

本文链接：https://blog.csdn.net/qq_45458517/article/details/114368804

版权

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

  /* 只对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以下生效*/
}

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

关注