今天在整理某個項目的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行業不容易!
好的東西在國外你看不到!
不得不"翻牆"出去!
生活在中國的IT行業不容易!
如果哪一天你們連抄襲的時候都審視一下自己,
我想國內的搜索引擎就沒有那么爛了!
生活在中國的IT行業不容易!
吃的是國外剩下的"冷飯", 玩的是國外不玩的"玩具"
已經這么大的差距了, 難道你還想讓我們越拉越遠嗎？
不想多說了, 如果你們只顧及一己私利,
那么好吧! 我相信國內的IT業界也會出現"地溝油"的,
等着為生活而憂吧!
Lynn
2012年6月13日
轉帖請申明此貼處(http://www.i-buffer.com)