<img />在正常顯示圖片時，不會顯示偽對象:before和:after。但在圖片加載出錯時會顯示。

以下是大體，具體可自行修改。
img {
  display: block;
  position: relative;
}
img:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #eee;
}

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