css hack
2015-10-20 09:02
417 查看
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。
标准模式中:
1,减号(-)是IE6专有hack
2,反斜杠零(\0)是IE8专有hack
注:转载请注明本文出自随意点-web前端开发
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
注:转载请注明本文出自随意点-web前端开发
相关文章推荐
- CSS插入样式表的方法
- css中的ID选择器和CLASS选择器的区别
- iphone设备的safari浏览器中input标签的CSS样式设置
- 详解Qt样式/颜色机制:调色板(QPalette)与样式表(Style Sheets)
- CSS学习笔记
- 去除UC浏览器点击的默认样式
- 高效的CSS代码(2)
- 高效的CSS代码(1)
- css 块级元素和内联元素
- css 块级元素和内联元素
- 行内元素和块级元素的区别?以及转换,点击块级元素触发行内元素
- 行内元素和块级元素的区别?以及转换,点击块级元素触发行内元素
- css盒子模型
- css+div学习笔记
- css样式对于ie和火狐兼容性写法1
- css3小叮当(转载)
- CS秘密花园:梯形标签
- 【开源】前端练手笔记,Chrome扩展应用程序(html+CSS+JS) (1)
- CSS实现onMouseOver、onMouseOut效果和层套菜单
- CSS实现onMouseOver、onMouseOut效果和层套菜单