in

Darkthread

黑暗執行緒
All Tags » CSS » Tools (RSS)

Browse by Tags

  • CSS配置偵錯利器–Firefox Page Inspector 3D檢視

    對CSS幼幼班學生(敝人在下小弟我)而言,"為什麼這團CSS設定會產生這樣的效果"常常是個謎,尤其在處理大小、位置議題,面對層層相套的容器,外加不同margin與padding,混搭height、inline-hight跟font-size相輝映,最後還得考量CSS繼承闗係,結果往往叫人目炫神迷不知所以。 基本上IE的Dev Tools及Chrome的開發者工具都能剖析各元素的CSS設定、繼承套用計算,但Firefox的 Page Inspector 有個神奇的3D檢視功能,解構容器階層關係時尤其火力強大,廢話不多說,有圖有真相:
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 05-04-2013
  • TOOLS-Implement Operation Mask With Javascript

    設計網頁時,有時需要從Client-Side禁止使用者點選、編輯某些網頁元素(如TextBox、Select、Radio、Checkbox...)。偏偏設成唯讀的做法Input, TextArea, Select不盡相同,還要小心設定disabled屬性會影響值是否傳回Server-Side,過去我還特別寫了很複雜的JS萬用函數負責將各元件設成唯讀。 AJAX開始流行起來之後,我注意到其中一項有意思的特效--Modal Dialog。當使用者叫出某個檔案上傳或選取器對話框時,為了要求使用者完成選項才將焦點交回原網頁,會用一段Javascript將整個網頁刷灰,禁止使用者點選操作,唯一能操作的區塊只有聚焦的對話框...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 09-22-2007
  • 【茶包射手專欄】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...
    公佈在 黑暗執行緒 (Weblog)Jeffrey 發表於 08-16-2007
第1頁,共1頁 (3個項目)
Powered by Community Server (Non-Commercial Edition), by Telligent Systems