关于CSS中对IE条件注释的问题
默认使用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条件注释的问题相关推荐
- IE6 IE7 IE8 IE9 IE10 Css hack及IE条件注释法
IE浏览器的csshack写法和IE条件注释语句 IE css hack 网络上有很多针对IE的css hack写法,但很多都缺乏实际的实战经验,今天我把我测试的结果来给大家分享下,注意:你们最好还是 ...
- HTML中的IE条件注释
IE条件注释是一种特殊的HTML注释,这种注释只有IE5.0及以上版本才能理解.比如普通的HTML注释是: <!--This is a comment--> 而只有IE可读的IE条件注释是 ...
- css中float使用条件,css中float什么意思
CSS中的float表示的是浮动,当元素设置了float属性就会脱离标准流,浮动在其他元素上,它会根据属性值向左或者向右浮动 CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果没有理解 ...
- HTML中IE版本条件注释整理
<!–[if !IE]><!–><!–<![endif]–> <!–除IE外都可识别(IE10版本以上也可以识别)–> <!–[if I ...
- css中IE判断语句 if !IE
1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–> 2. <!–[if IE]> 所有的IE可识别 <! ...
- vue 判断是否位 float_VUE中条件注释法css,判断ie浏览器
float的css等样式,在ie中有些低版本浏览器不会生效,所以可以采用以下办法解决, vue中,条件注释法判断ie9及ie9以下浏览器,使用css 但是打包之后,css在js中 所以,ie9及ie9 ...
- HTML中注释写法 CSS中注释写法,CSS注解语法,HTML中CSS注释
CSS注释教程篇 一.CSS注解语法 在CSS代码中进行注解注释语法: /* 注解注释内容 */ 二.HTML中CSS注释 我们在HTML中直接使用style标签进行设置CSS样式,那CSS注释注解时 ...
- HTML中注释写法 CSS中注释写法,css注释怎么写?
什么是CSS注释?CSS文件中注释怎么写?本篇文章将向你介绍css注释的作用及写法,希望对各位有帮助. css注释怎么写? 一:css注释是什么? css注解(css 注解)又被称作CSS注释(css ...
- JScript中的条件注释详解(转载自网络)
JScript中的条件注释详解-转载 这篇文章主要介绍了JScript中的条件注释详解,本文讲解了@cc_on.@if.@set.@_win32.@_win16.@_mac等条件注释语句及可用于条件编 ...
最新文章
- 报名 | 大数据打造智慧的政府门户讲座
- jquery.validate不用submit而用js提交的例子
- 分享一张SQLSERVER执行流程的图片
- iOS开发那些事--iOS6 UI状态保持和恢复
- [zz]淘宝子团关于kvm 调优的分享
- python提取英文单词 每行显示一个_使用python对文件中的单词进行提取
- java se ee me都有什么区别?
- 宝石光是什么石头_捡到这些石头,都是值钱货
- SPSS 单因素方差分析(图文+数据集)【SPSS 018期】
- nat123内网穿透
- 源码:Qt开发的离线软件注册机 适用于工业设备。
- 如何去掉高CAD选择集对话框(高版本才有)
- 山东理工大学ACM平台题答案 1134 数列求和
- 计算机专业考研2021,2021考研:计算机专业考研方向有哪些?
- python50图_菊安酱和菜菜的Python可视化50图
- 解决Win 10桌面 IE 图标消失问题的注册表代码
- 首席新媒体运营商学院黎想:裂变活动要避免40个坑!
- 循环队列以数组Q【0,...,m-1】存储结构,rear表示循环队列中的队尾元素的实际位置,移动按rear=(rear+1)/MODm,length表示当前循环队列中的元素个数,循环队列队首实际位置。
- Unity3D《打地鼠》学习笔记及心得
- 51单片机_7-1独立按键控制流水灯方向