一:IE各版本的css hack
HACK |
EXAMPLE |
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 |
这里S代表standard标准模式,Q代表Quirks怪异模式
div {
background: gray; /* 基本的 */
background: pink\9; /* IE 8 及低于IE8版本 */
*background: green; /* IE 7 及低于IE7版本 */
_background: blue; /* IE 6 */
}
二:根据条件注释设置不同的class
<!--[if lt IE 7 ]> <div class="ie6"></div> <![endif]-->
<!--[if IE 7 ]> <div class="ie7"></div> <![endif]-->
<!--[if IE 8 ]> <div class="ie8"></div> <![endif]-->
<!--[if IE 9 ]> <div class="ie9"></div> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <div></div> <!--<![endif]-->
更详细的解释:
<!--[if lt IE 7]>版本小于IE7将看到这行<![endif]-->
<!--[if lte IE 7]>版本小于或等于IE7将看到这行<![endif]-->
<!--[if IE 7]>版本如果是IE7将看到这行<![endif]-->
<!--[if gt IE 7]>版本大于IE7将看到这行<![endif]-->
<!--[if gte IE 7]>版本大于或等于IE7将看到这行<![endif]-->
三: 相关博客:
用条件注释为IE隔离CSS
FF、IE7、IE6的CSS问题
分享到:
相关推荐
汇总下IE各版本的css_hack.让浏览器正确的读取到自己看得懂得CSS语法
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
CSS布局资料:IE5、IE6、IE7、IE8 的CSS HACK兼容列表
有IE就有hack,看看IE9的css hack,IE8的css hack;上次同事说一个页面IE10下有问题,IE9下测试了一下,也有同样的问题。悲剧了赶紧找IE10的hack。 google上翻到的IE10 CSS Hacks 还算比较实用的。记录一下以备后用...
针对firefox ie6 ie7 ie8的css样式hack
css hack ie6 ie7 ie8 firefox等浏览器兼容性
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。 包括各浏览器CSS hack,技巧。有实例。
IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例
important,以至于常常被人误用做识别IE6的hack。可是,大家注意一 下,IE6只是在某些情况下不识别(ie6下,同一个大括号里对同一个样式属性定义,其中一个加important 则important标记是被忽略的,例:{background:...
ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下,需要的朋友可以学习下
CSS Hack 浏览器兼容文档 ,用于兼容IE6、IE7、IE8、IE9、FF
首先感谢“丸子”提供的这个IE8的css hack; 关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack: .test{ color:#000000; /* FF,OP支持 */ color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ;...
解决ie6、ie7、ie8浏览器的css hack 兼容问题
区别IE8浏览器的CSS hack.docx
不同浏览器、不同版本存在css的差异,CSS hack可以兼容,主要针对ie浏览器
ps:条件注释是一种安全的区分IE浏览器版本的语法,且被认为是取代针对IE css hack的首选办法。 但是,如果IE10不再支持条件注释,我们唯一的选择只能针对css的问题用css hack或者判断浏览器来解决 我们当然不希望...
技术资料\区分IE6,IE7和firefox的CSS hack-CSS教程.doc