【茶包射手專欄】IE Developer Toolbar破案奇錄
接獲通報，Sharepoint Portal的首頁，原本在IE6上看是藍底白字的MenuBar，在IE7上看到的是白底白字。
這回破案的主角不是茶包一哥Process Monitor了，而是IE Developer Toolbar!!
利用Find/Find By Click的功能找到MenuBar的DOM處，再用下圖的好功能一舉追出它的CSS套用狀況。
在IE7中看到以下的異象:
-: #75A3DF... 這是啥? (咳! 不准想歪)
跟IE6比對的結果，應該是BACKGROUD-COLOR : #75A3DF才對。
由於已知是core.css，追到該檔案，發現.linebg Style誤打了一個Dash(-)在左大括號後方，看來IE6會忽略這個誤打的"-"，但IE7卻誤認"-"是Property Name，造成了我們看到的結果。
.linebg
{-
background-color:#75A3DF;
}
這次只花了20分鐘破案，但如果沒有IE Developer Toolbar，得花多少時間找出多出的這一根? 我不敢想像。