admin管理员组

文章数量:1435858

分别兼容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以下生效*/
}

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

本文标签： 分别兼容IE7，IE8IE9IE10，超简单一看就会

版权声明：本文标题：分别兼容IE7，IE8,IE9,IE10，超简单一看就会 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1687594440a119132.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。