在網站制作過程中，經常會使用到圖片。但是有時候在網頁中，圖片不存在或者鏈接有誤，這就會導致頁面的顯示出現問題。那么如何解決這個問題呢？下面我們就來討論一下。

首先，我們需要了解的是，當圖片鏈接不存在或者鏈接有誤時，瀏覽器將顯示一個默認的圖標。這個圖標大小一般為16×16，我們可以通過CSS樣式來修改它的大小、位置和圖片等其他屬性。那么我們接著來看看具體實現方法。

img {
width: 200px;
height: 200px;
background: url(https://picsum.photos/200) no-repeat center center;
}
img[src=""] {
width: 200px;
height: 200px;
background: url(https://picsum.photos/200) no-repeat center center;
}
img:not([src]) {
width: 200px;
height: 200px;
background: url(https://picsum.photos/200) no-repeat center center;
}

上面代碼中，我們通過CSS樣式實現了3種不同的情況下的圖片顯示。第一種是正常情況，并沒有出現圖片不存在的情況，此時會直接顯示圖片。第二種情況是圖片鏈接為空，此時我們使用CSS樣式來設置圖片的背景。第三種情況是圖片或者鏈接不存在時，我們同樣用CSS樣式來設置一個默認的背景。

總的來說，通過CSS樣式我們可以很方便的處理圖片不存在或者鏈接有誤的情況，讓網頁顯示更加美觀。當然，我們還需要注意在網站制作時，盡可能避免出現圖片不存在的情況。