firefox图片不存在就显示小红叉的方法

相信很多人调试网页是用firefox，但是在firefox中，图片不存在的时候默认是不显示的，也没有啥特殊标记进行占位，所以我们从表面看也无法知道哪个图片不存在，最好让它像IE一样，用一个红叉或其他特殊标记进行占位，这样就一目了然了

下面是具体方法，到文件夹地址栏输入%appdata%\Mozilla\Firefox\Profiles\

里面有个子文件夹，文件名是“任意编号.default”，进入后创建一个chrome文件夹，如果有的话就无需再创建，直接在chrome\下创建userContent.css，在其中如下css:

/*
 *显示缺失图像占位符
 */
@-moz-document url-prefix(http), url-prefix(file)
{
        img:-moz-broken
        {
         -moz-force-broken-image-icon: 1;
         width: 24px;
         height: 24px;
        }
}

保存以后，重启firefox，以后不存在的图片就会有个占位符在那，方便我们调试