致那些拷贝们、转帖们!

　　今天在整理某个项目的CSS的时候,遇到一个怪异现象:

　　嵌入在页面中的CSS,加载没有问题,将这部分CSS移到外链接CSS文件中。情况出现了, chrome firefox IE7 都可以正常展现CSS对应的样式, IE8、IE9 却无法正确表达!

　　几经周折,发现IE8、IE9下都的CSS中都没有对应的样式, 所以怀疑起肯定在解析的时候在何处中断了。然后开始从近3000行的CSS文件中, 逐块去锁定, 最终减小错误范围，

最终发现了一段有意思的代码

#step2 {
  min-height:1300px;
  min-height:1150px\9;
  *height:1200px;
  [min-height:1150px; min-height:1150px;
}

　　相信大家 \9 和 * 都清楚是干嘛的,你来个 [ 是干嘛呢？？？

　　神奇的搜索引擎, 让我很快知道了原委, 原来是 hack Chrome 。

是的,你没听错 hack chrome ,因为这个id的元素用到 iframe 为了让展现一致, 用到了如此多的hack技巧, "[" 就是其中一个, 一个网上广为流传的Chrome hack 技巧。

　　初试大家一定会觉得没问题, 可是当你发现有问题的时候就晚了, 也许你已经花费了大量的时间去排除和锁定和我一样的问题。期待的展现效果奇异般的无厘头。

　　"["确实在大部分浏览器上可以 hack chrome , 但是当IE8、IE9解析CSS的时候遇到 "[" 就会停止解析其后的CSS, 我就是把需要整理的CSS放在了这个样式后面,

随后发生了多么可怕的事情(小夸张一下), IE8、IE9 的占有比例还是那么的高, 却还有这样的烂招广为流传。

你们只顾着发帖子, 转帖子, 就不能仔细的验证一下？哪怕来个稍微复杂点的单元测试也行啊!

　　

　　此帖献给那些一味的转帖, 抄帖的博客主,站长们!

 

　　　　虽然人气很重要, 但是不要抄袭, 原创很重要!

　　　　即使你们抄袭也好, 原创也罢, 麻烦来点经得起考究的!

 

　　　　生活在中国的IT行业不容易!

　　　　百度的是啥文章, 你应该比我清楚!

　　　　谷歌一下, 还被断个小网, 全因你涉及到敏感关键词!

 

　　　　生活在中国的IT行业不容易!

　　　　好的东西在国外你看不到!

　　　　不得不"FQ"出去!

 

　　　　生活在中国的IT行业不容易!

　　　　如果哪一天你们连抄袭的时候都审视一下自己,

　　　　我想国内的搜索引擎就没有那么烂了!

 

　　　　生活在中国的IT行业不容易!

　　　　吃的是国外剩下的"冷饭", 玩的是国外不玩的"玩具"

　　　　已经这么大的差距了, 难道你还想让我们越拉越远吗？

 

　　　　不想多说了, 如果你们只顾及一己私利,

　　　　那么好吧! 我相信国内的IT业界也会出现"地沟油"的,

　　　　等着为生活而忧吧!

　　　　

　　　　Lynn

　　　　2012年6月13日

　　　　转帖请申明此贴处(http://www.i-buffer.com)