網站技術

Firefox 遇到缺圖不顯示叉叉圖怎麼辦(Show broken image)？

by simon

在IE或是chrome瀏覽器中，遇到圖片無法顯示的時候，都會顯示一個破損的圖代表，但是Firefox很奇怪，就是不會顯示這樣子的圖示，這對網頁設計師來說，是很嚴重的問題，因為他根本不知道有缺圖。所以，我們必須更改Firefox的設定來達成目的。

這是利用css hack方式來達成

Step1，要找到放置css的目錄，

window7:
C:Users用户名AppDataRoamingMozillaFirefoxProfiles不固定字符串.default chrome

XP:
C:Documents and Settings用户名Application DataMozillaFirefoxProfileschrome

MAC:
請在Finder使用『前往』，按著『option』鍵，就會看到『資源庫』，在依序下方路徑找
/Application Support/Firefox/Profiles/[profile-name]/chrome

ps.如果沒有最後一個『chrome』目錄，就要自己建立。

Step2，找看看有沒有『userContent.css』這個檔案，如果沒有，請用一般文字編輯器建立編寫，
內容如下：

/*
 * Show image placeholders
 */
@-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken{
   -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }
}

Step3，儲存檔案之後，重新啟動Firefox即可。