firefox图片不存在就显示小红叉的方法
生活随笔
收集整理的這篇文章主要介紹了
firefox图片不存在就显示小红叉的方法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
相信很多人調(diào)試網(wǎng)頁是用firefox,但是在firefox中,圖片不存在的時(shí)候默認(rèn)是不顯示的,也沒有啥特殊標(biāo)記進(jìn)行占位,所以我們從表面看也無法知道哪個(gè)圖片不存在,最好讓它像IE一樣,用一個(gè)紅叉或其他特殊標(biāo)記進(jìn)行占位,這樣就一目了然了
下面是具體方法,到文件夾地址欄輸入%appdata%\Mozilla\Firefox\Profiles\
里面有個(gè)子文件夾,文件名是“任意編號(hào).default”,進(jìn)入后創(chuàng)建一個(gè)chrome文件夾,如果有的話就無需再創(chuàng)建,直接在chrome\下創(chuàng)建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,以后不存在的圖片就會(huì)有個(gè)占位符在那,方便我們調(diào)試
轉(zhuǎn)載于:https://www.cnblogs.com/songzibin/archive/2011/09/19/2180976.html
總結(jié)
以上是生活随笔為你收集整理的firefox图片不存在就显示小红叉的方法的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [读书笔记]Spring中的容器设计详解
- 下一篇: 面向对象编程之C#