关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:

.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF\9;       /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00;      /* SF,CH支持 */
*color:#FFFF00;                 /* IE7支持 */
_color:#FF0000;               /* IE6支持 */
}

很多人再研究color:#0000FF\9;中的为什么IE6-IE8支持“\9”写法,和它的原理,我只是个工程师,不是科学家,我不懂为什么和它的真正原理,真的!很惭愧!

昨天在某个群里也看到部分前端工程师或网页重构师势利的一面,同样的一个解决方案,大公司有名的前端工程师或网页重构师写的东西都追捧,而小公司没 名气的前端工程师或网页重构师写的解决方案却被反问:“css有这种写法吗?看来你连最基本的css的几个属性和属性值都没搞懂;就算你解决了问题你写的 css也是不规范的,就是规范你跟我讲讲你解决方案的原理;”同样的一个解决方案,大公司有名的前端工程师或网页重构师写的这些反问质疑就全都没了,拼命 的去研究他这个解决方案,呵呵,我觉得那些人很可笑。还有很多人问问题只有得到大公司有名的前端工程师或网页重构师的肯定回答后才放心而又开心的走了,甚 至不留一句谢谢。当然没人(包括我)否认大公司有名的前端工程师或网页重构师在业界的影响力,他们为前端和重构业界做的贡献大家都是看得到的,只是觉得做 人(特别是我们做技术的)不能太势利,多一点技术共享和探讨,多一点感激,学习成长才是最重要的。我承认我以前经常骂人,骂人家SB,内参国王说的对,骂 人家SB就等于骂自己SB,我以前是很SB。不想探讨就看着呗,骂人是不对的!

扯远了,回到IE8的CSS hack,讲讲color:#0000FF\9:

color:#0000FF\9的hack支持IE6-IE8(其他版本没有测试),但是IE8不能识别“*”和“_”的css hack,所以我们可以使用

color:#0000FF\9; ;/*ie6,ie7,ie8*/

*color:#FFFF00;/*ie7*/

_color:#FF0000;/*ie6*/

来区分IE的各个版本。

至于为什么使用“\9”我真的不清楚原因,但是测试了其他0-13的数字,最终结果如下:

其中:OP表示Opera,SA表示Safari,Ch表示Chrome;当然你如果还有耐心可以测试“\14”,“\15”,“\16”。。。

从上面测试结果我们可以看出“\0”的写法只被IE8识别,ie6,ie7都不能识别,那么“\0”应该是IE8的真正hack。主流浏览器的CSS hack这样更好一些:

.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF\0;       /* IE8支持*/
[color:#000000;color:#00FF00;      /* SF,CH支持 */
*color:#FFFF00;                 /* IE7支持 */
_color:#FF0000;              /* IE6支持 */
}

其中:OP表示Opera,SA表示Safari,Ch表示Chrome;

转载于:https://www.cnblogs.com/webu/archive/2012/09/24/2700374.html

IE8的css hack相关推荐

  1. 【总结】IE6,IE7,IE8,Firefox兼容的css hack 补充!

    IE6,IE7,IE8,Firefox兼容的css hack 补充: .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-co ...

  2. 兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)

    兼容ffIE678 hack(IE6.IE7.IE8.Firefox兼容性CSS HACK代码+示例) 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blu ...

  3. css兼容IE8 及最新IE8 css hack

    微软在IE8提供三种解析页面的模式IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在 ...

  4. css hack 学习总结

    css hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是 同一厂商的浏览器的不同版本,如IE ...

  5. ie10 11 css兼容性问题,学习一下IE10和IE11的CSS Hack

    有IE就有hack,看看IE9的css hack,IE8的css hack:上次同事说一个页面IE10下有问题,IE9下测试了一下,也有同样的问题.悲剧了赶紧找IE10的hack. google上翻到 ...

  6. CSS HACK:IE6、IE7、IE8、Firefox兼容性问题解决方案

    CSS HACK:IE6.IE7.IE8.Firefox兼容性问题解决方案 参考文章: (1)CSS HACK:IE6.IE7.IE8.Firefox兼容性问题解决方案 (2)https://www. ...

  7. IE8 CSS hack

    IE8正式版出来有一段日子了,但是针对ie8正式版的CSS hack却很少,其实这是值得庆幸的,因为ie8修复了很多IE6和IE7的一些BUG,更加接近W3C标准. 针对IE8正式版的CSS hack ...

  8. CSS hack:针对IE6,IE7,IE8,IE9,firefox显示不同效果

    区别不同浏览器的CSS hack写法: 区别IE6与其它浏览器:     background:orange;_background:blue; 区别IE6与IE7:     background:g ...

  9. IE8 CSS HACK 兼容集合

    "\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.   "*" I ...

最新文章

  1. 混淆矩阵(confusion matrix)是什么?以及能从混淆矩阵中衍生出来的指标FPR、TPR、FDR、ACC、PPV、NPV分别是什么?对应的概念及公式是什么?
  2. pgbench的使用简介
  3. Jacobian矩阵和Hessian矩阵的理解
  4. 从 bug 中学习:六大开源项目告诉你 go 并发编程的那些坑
  5. 阿里Java架构师精通资料:性能优化+亿级并发架构汇总+架构选型
  6. RabbitMQ安装和使用(和Spring集成)
  7. 利用XMLSerializer将对象串行化到XML
  8. Mpi与Cuda混合编程(Makefile)
  9. 当音乐博士开始写代码...
  10. 如何在GitHub上搜索提交消息?
  11. Web程序员如何入门以太坊开发
  12. NVIDIA显卡超过一定路数,性能急剧下跌
  13. 在vue项目中插入视频
  14. 学习遇见狂神说的Java
  15. [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever...
  16. 腾讯企业邮箱:授权密码
  17. 单目运算符和双目运算符
  18. msk 频偏_QPSK,OQPSK,MSK概述.ppt
  19. 数学—计算n!尾数为0的个数
  20. 计算机网络实验(思科模拟器Cisco Packet Tracer)——无线路由和防火墙配置

热门文章

  1. sql2008问题大全
  2. Flex中List自己定义itemrenderer渲染问题的解决
  3. 编译错误: Too much data space used by DLL's in MODULES section
  4. ffmpeg-0.8 移植到 windows 开源代码
  5. 蓝桥杯 PREV-32 历届试题 分糖果
  6. [Java] 蓝桥杯BASIC-27 基础练习 2n皇后问题
  7. string转int/float/double、int/float/double转string、转字符串数组的方法:stoi、stringstream、scanf、to_string、sprintf
  8. 查看AIX系统cpu、内存、网卡、硬盘、HBA卡信息命令
  9. Perl用LWP实现GET/POST数据发送 原
  10. Unsupported major.minor version (jdk版本错误)解决方案办法