在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即可。

Firefox 遇到缺圖不顯示叉叉圖怎麼辦(Show broken image)?
標籤:

發表迴響