Stylish :: Firefox 附加元件(自訂網站與使用介面的外觀)

習慣用firefox做網站，一直以來有個困擾，
就是firefox對失效的圖片連結，不會像IE有叉燒包圖的顯示。
所以掉圖的時候，很難發現。

Stylish是Firefox 的附加元件，可自訂網站與使用介面的外觀，
也就是可以用自己的設定的CSS規則，來顯示看到的網站。

這個功能，剛好可用來解決firefox失效圖看不到的問題，

1. 先到 https://addons.mozilla.org/zh-TW/firefox/ 搜尋Stylish附加元件安裝。
2. 安裝好Stylish後，變可開始設定一個規則。
   從Firefox的「工具」->「附加元件」->「User Style」->「邊寫新樣式」
   如下圖設定：
   名稱=>依自己喜好設定。
   內容=>填入
   

   @namespace url(http://www.w3.org/1999/xhtml);
   @-moz-document url-prefix(http), url-prefix(file) {
   img:-moz-broken{
   -moz-force-broken-image-icon:1;
   width:24px;
   height:24px;
   }
   }
   

   
3. 如此， Firefox也會將失效的圖片連結，類似以IE的叉燒包圖顯示了。
   而不再是都看不到了。