IE低版本（6-9）CSS hack

IE系列浏览器的hack大略如下：
•_nowamagic:1px;-----------ie6
•*nowamagic:1px;-----------ie7
•nowamagic:1px\0;----------ie89
•nowamagic:1px\9\0;--------ie9
•:root nowamagic:1px; ----ie9(实际情况可能ie9还是有问题，再用这种方式)

CSS 实例

.color{background-color: #CC00FF;        /*所有浏览器都会显示为紫色*/background-color: #FF0000\9;    /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF;        /*IE6、IE7会变为蓝色*/            _background-color: #009933;        /*IE6会变为绿色*/
}

IE8是可以和IE7兼容的，简单一行代码，让IE8自动调用IE7的渲染模式。只需要在页面中加入如下HTTP meta-tag:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，只要IE8读到这个标签，它就会自动启动IE7兼容模式，保证页面完整展示。

混合使用

:root .demo {  background:#963\9; /* 仅IE9适用 */
}
.demo {  width: 300px;  height: 200px;  background: #036; /* 所有浏览器都适用 */  background: #09F\9; /* IE6~IE9 */  background: #09F\0; /* IE8~IE9 */  background: #09F\0/; /* IE8 */  *background: #F60; /* IE6/IE7 */  +background: #F60; /* IE6/IE7 */  @background: #F60; /* IE6/IE7 */  >background: #F60; /* IE6/IE7 */  _background: #ccc; /* IE6 */
}  <strong>
</strong>

IE7该删了

IE低版本（6-9）CSS hack相关推荐

[css] 你对响应式设计的理解是什么？知道它基本的原理是吗？要想兼容低版本的IE怎么做呢？
[css] 你对响应式设计的理解是什么?知道它基本的原理是吗?要想兼容低版本的IE怎么做呢? 理解:在不同系统,不同设备,不同尺寸的界面,有良好的用户体验,舒适的阅读体验,交互体验. 原理:根据不同设 ...
[css] 说说你对低版本IE的盒子模型的理解
[css] 说说你对低版本IE的盒子模型的理解一个CSS盒子由四部分组成,由内到外依次是:content.padding.border.margin.所谓盒子模型定义的是盒子宽高的计算方法,IE盒子 ...
IE浏览器各版本的CSS Hack
IE浏览器各版本的CSS Hack 如下示例: .test{ color:black;/*W3C*/ color:red\9;/* IE6-IE10 */ _color:black;/*IE6*/ ...
【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )
文章目录一.清除浮动 - 使用 after 伪元素 ( 最流行写法 ) 1.额外标签法和 overflow 样式法弊端 2.after 伪元素清除浮动简介 3.after 伪元素清除浮动核心代码 ...
css 区分浏览器,CSS Hack大全-教你如何区分出浏览器的版本
今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐.Chrome.Opera浏览器的Hack,并把这些CSSHack综合的一起,写了一个小的浏览器测试器现在的浏览器IE6- ...
常见浏览器兼容问题、盒模型2种模式以及css hack知识讲解
什么是浏览器兼容问题?所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们 ...
好程序员web前端分享CSS Bug、CSS Hack和Filter学习笔记
为什么80%的码农都做不了架构师?>>> CSS Bug.CSS Hack和Filter学习笔记 1)CSS Bug:CSS样式在各浏览器中解析不一致的情况,或者说CSS样式在 ...
html使用最ie高版本,从html,css,javascript三方面谈谈“浏览器兼容性”的问题
不同浏览器的标签默认的外补丁和内补丁不同 *{margin:0;padding:0;} css的hack问题:主要针对IE的不同版本,不同的浏览器的写法不同 IE的条件注释hack: 块属性标签flo ...
CSS浏览器兼容性的4个解决方案：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件...
前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了(如果全写出来,那真是一箩筐),更让人头疼的是,还要面临各种适配.兼容性问题. 一直以来都是头痛医头脚痛医脚,没有进行系统的梳理,整个 ...
兼容低版本IE浏览器的一些技巧分享
前言: 近期工作中,突然被要求改别人的代码,其中有一项就是兼容IE低版本浏览器,所以优雅降级吧. 我相信兼容低版本IE是许多前端开发的噩梦,尤其是改别人写的代码,更是痛不欲生. 本文将介绍一些本人兼容 ...

IE低版本（6-9）CSS hack

CSS 实例

IE低版本（6-9）CSS hack相关推荐

最新文章

热门文章