IE8 HACK介绍

简介: 1.‘\9’:     eg:.test { color/*\**/: blue\9 }.header {width:300px;} /* 所有浏览器*/.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */.

1.‘\9’:

    eg:.test { color/*\**/: blue\9 }
.header {width:300px;} /* 所有浏览器*/
.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
.header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/

 

2.利用条件注释语句:<!–[if IE]> 此内容只有IE可见 <![endif]–>         

                lt 表示less than 当前条件版本以下的版本,不包含当前版本。

                gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。

                lte 表示less than or equal 当前版本以下版本,并包含当前版本。

 

3.其它hack 技术:

.color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
.color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
.color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
.color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

4.

汇总下IE各版本的css hack。

 

 

hack 示例 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q)
* *color Yes Yes Yes Yes No Yes
+ +color Yes Yes Yes Yes No Yes
- -color Yes Yes No No No No
_ _color Yes Yes No Yes No Yes
# #color Yes Yes Yes Yes No Yes
\0 color\0 No No No No Yes No
\9 color\9 Yes Yes Yes Yes Yes Yes
!important color:blue !important;
color:green;
No No Yes No Yes No

 

标准模式中:

1,减号(-)是IE6专有hack

2,反斜杠零(\0)是IE8专有hack

 

转:http://yuanjianhang.iteye.com/blog/836847

相关文章
|
2月前
|
Web App开发 前端开发
CSS Hack是什么?ie6,7,8的hack分别是什么
CSS Hack是什么?ie6,7,8的hack分别是什么
57 0
|
10月前
|
Web App开发 前端开发
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
|
Python Windows
【靶机】hackpack
本靶机有一定难度,适合进阶的小伙伴进行练习,初学者也可以参考学习。
115 0
|
Web App开发 前端开发 iOS开发
CSS hack | 学习笔记
快速学习CSS hack
62 0
CSS hack | 学习笔记
|
Web App开发 网络协议 Shell
Hack Knowledges
XSS(Cross-Site Scripting) Hacker PC -- upload XSS script to Web Server --> User PC Request for this Web Server --> Web Server response to the User PC...
823 0
|
Web App开发 前端开发 iOS开发
|
容器 前端开发
清除浮动(clearfix hack)
清除浮动(clearfix hack) 在使用浮动的时候经常会遇到一个古怪的事情: img { float: right; } 不......这个图片比包含它的元素还高, 而且它是浮动的,于是它就溢出到了容器外面! 见证奇迹的时刻到了!有一种比较丑陋的方法可以解决这个问题,它叫做清除浮动(clearfix hack). 让我们加入一些新的CSS样式: .clearfix { overflow: auto; } 现在再看看发生了什么: 好多了! 这个可以在现代浏览器上工作。
1060 0
|
Web App开发 前端开发