【茶包射手專欄】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,得花多少時間找出多出的這一根? 我不敢想像。

歡迎推文分享:
Published 17 August 2007 10:17 AM 由 Jeffrey
Filed under: , , ,
Views: 8,535



意見

沒有意見

你的看法呢?

(必要的) 
(必要的) 
(選擇性的)
(必要的) 
(提醒: 因快取機制,您的留言幾分鐘後才會顯示在網站,請耐心稍候)

5 + 3 =

搜尋

Go

<August 2007>
SunMonTueWedThuFriSat
2930311234
567891011
12131415161718
19202122232425
2627282930311
2345678
 
RSS
創用 CC 授權條款
【廣告】
twMVC

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication