默认使用Google Chrome Frame进行渲染,如果没有安装gcf则使用IE的最新内核来渲染

< meta http-equiv = "X-UA-Compatible" content ="IE=edge,chrome=1" />

一、通用区分方式:
IE6、IE7能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
IE8能识别\0,不能识别*,+,_,* 加!important;
FF不能识别*,但能识别 !important;
例如style=”*width:10px!important; width:20px;”,其在IE7下宽度为10px,在IE6下宽度是20px.
其中还有如下三种写法:
第一种

width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px!important; /* ,IE7 既能能识别*号,也能识别important */
*width:400px; /* IE6也能识别*号 */
/*Mr.Think提示:请注意书写顺序@MrThink.net*/

第二种

width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px; /* IE7也能识别*号 */
_width:400px; /* IE6能识别下划线*/
/*Mr.Think提示:请注意书写顺序@MrThink.net*/

第三种

width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
+width:300px; /* +只识别IE7 */
_width:400px; /* IE6能识别下划线*/
/*Mr.Think提示:请注意书写顺序@MrThink.net*/

二、不常见的HACK(OP表示Opera,SA表示Safari),其中第3条比较实用
1..color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
2..color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
3..color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
4..color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
三、各种浏览器独立支持的hack
width:100px\0;/* 支持IE8 */
_width:100px; /* 支持IE6 */
[width:100px; /* 支持IE6,7 */
+width:100px; /* 支持IE6,7 */
*width:100px; /* 支持IE6,7 */
*width:100px!important; /* 支持IE6,7, */
*+width:100px; /* 支持IE6,7, */
*+width:100px!important;/* 支持IE6,7, */
width:100px\9; /* 支持IE6,7,8 */
width:100px!important; /* 支持IE6,7,8,FF */
w\idth:100px; /*IE5.x不支持 IE6、IE7、IE8、FF支持 */

四、IE特有的html条件注释使用规则
1.仅IE可见的写法

<!--[if IE]>此处内容只有IE可见<![endif]–>

2.仅IE6可见的写法

<!-–[if IE 6]>此处内容只有IE6.0可见<![endif]–->

3.仅IE7可见的写法

<!–-[if IE 7]>此处内容只有IE7.0可见<![endif]–->

4.版本区间可显示写法

<!--[if lt IE 6]> IE6以下版本可识别 <![endif]-->

<!--[if gt IE 6]> IIE6以上版本可识别 <![endif]-->

<!--[if lte IE 7]> IE7以及IE7以下版本可识别 <![endif]-->

<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

5.非IE可见的写法(注意:此条不符合WEB标准,但的确实用)

<!--[if !IE]>此处内容只非IE可见<![endif]-->

转载于:https://www.cnblogs.com/hjsblogs/p/5311156.html

关于CSS中对IE条件注释的问题相关推荐

  1. IE6 IE7 IE8 IE9 IE10 Css hack及IE条件注释法

    IE浏览器的csshack写法和IE条件注释语句 IE css hack 网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:你们最好还是 ...

  2. HTML中的IE条件注释

    IE条件注释是一种特殊的HTML注释,这种注释只有IE5.0及以上版本才能理解.比如普通的HTML注释是: <!--This is a comment--> 而只有IE可读的IE条件注释是 ...

  3. css中float使用条件,css中float什么意思

    CSS中的float表示的是浮动,当元素设置了float属性就会脱离标准流,浮动在其他元素上,它会根据属性值向左或者向右浮动 CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果没有理解 ...

  4. HTML中IE版本条件注释整理

    <!–[if !IE]><!–><!–<![endif]–>   <!–除IE外都可识别(IE10版本以上也可以识别)–> <!–[if I ...

  5. css中IE判断语句 if !IE

    1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–> 2. <!–[if IE]> 所有的IE可识别 <! ...

  6. vue 判断是否位 float_VUE中条件注释法css,判断ie浏览器

    float的css等样式,在ie中有些低版本浏览器不会生效,所以可以采用以下办法解决, vue中,条件注释法判断ie9及ie9以下浏览器,使用css 但是打包之后,css在js中 所以,ie9及ie9 ...

  7. HTML中注释写法 CSS中注释写法,CSS注解语法,HTML中CSS注释

    CSS注释教程篇 一.CSS注解语法 在CSS代码中进行注解注释语法: /* 注解注释内容 */ 二.HTML中CSS注释 我们在HTML中直接使用style标签进行设置CSS样式,那CSS注释注解时 ...

  8. HTML中注释写法 CSS中注释写法,css注释怎么写?

    什么是CSS注释?CSS文件中注释怎么写?本篇文章将向你介绍css注释的作用及写法,希望对各位有帮助. css注释怎么写? 一:css注释是什么? css注解(css 注解)又被称作CSS注释(css ...

  9. JScript中的条件注释详解(转载自网络)

    JScript中的条件注释详解-转载 这篇文章主要介绍了JScript中的条件注释详解,本文讲解了@cc_on.@if.@set.@_win32.@_win16.@_mac等条件注释语句及可用于条件编 ...

最新文章

  1. 报名 | 大数据打造智慧的政府门户讲座
  2. jquery.validate不用submit而用js提交的例子
  3. 分享一张SQLSERVER执行流程的图片
  4. iOS开发那些事--iOS6 UI状态保持和恢复
  5. [zz]淘宝子团关于kvm 调优的分享
  6. python提取英文单词 每行显示一个_使用python对文件中的单词进行提取
  7. java se ee me都有什么区别?
  8. 宝石光是什么石头_捡到这些石头,都是值钱货
  9. SPSS 单因素方差分析(图文+数据集)【SPSS 018期】
  10. nat123内网穿透
  11. 源码:Qt开发的离线软件注册机 适用于工业设备。
  12. 如何去掉高CAD选择集对话框(高版本才有)
  13. 山东理工大学ACM平台题答案 1134 数列求和
  14. 计算机专业考研2021,2021考研:计算机专业考研方向有哪些?
  15. python50图_菊安酱和菜菜的Python可视化50图
  16. 解决Win 10桌面 IE 图标消失问题的注册表代码
  17. 首席新媒体运营商学院黎想:裂变活动要避免40个坑!
  18. 循环队列以数组Q【0,...,m-1】存储结构,rear表示循环队列中的队尾元素的实际位置,移动按rear=(rear+1)/MODm,length表示当前循环队列中的元素个数,循环队列队首实际位置。
  19. Unity3D《打地鼠》学习笔记及心得
  20. 51单片机_7-1独立按键控制流水灯方向

热门文章

  1. pikachu靶场通关记录
  2. 域管理:如何更新域联系信息
  3. PPTP服务器的端口
  4. Tessy软件下载安装使用试用购买
  5. go 解析 toml
  6. html5 canvas通过javascript绘制漂亮的时钟
  7. 雅思听力——剑雅5——Text1
  8. (附源码)计算机毕业设计SSM留守儿童管理平台
  9. Win10下python2和python3同时安装并解决pip共存
  10. 【英语四六级】成绩查询时间定了!