鍍金池/ 問(wèn)答/HTML/ css怎么修改圖片加載失敗的小圖標(biāo)

css怎么修改圖片加載失敗的小圖標(biāo)

網(wǎng)頁(yè)中,圖片加載失敗,會(huì)有一個(gè)很丑的小圖標(biāo)顯示出來(lái),怎么隱藏,或者修改這個(gè)圖標(biāo)呢?

回答
編輯回答
默念

<img />在正常顯示圖片時(shí),不會(huì)顯示偽對(duì)象:before:after。但在圖片加載出錯(cuò)時(shí)會(huì)顯示。

以下是大體,具體可自行修改。
img {
  display: block;
  position: relative;
}
img:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #eee;
}
2017年6月22日 05:16
編輯回答
笑浮塵

圖片加載出錯(cuò),貌似沒(méi)有像鏈接被點(diǎn)擊了之類的偽類。
用css是沒(méi)有檢測(cè)到圖片是否加載出錯(cuò),只能用js來(lái)實(shí)現(xiàn)。

2017年11月13日 07:25