在開發網頁的過程中，我們常常會使用CSS來隱藏一些圖片，以達到一些特定的設計效果。但是，有時候我們需要查看這些隱藏的圖片，該如何做呢？下面就讓我們來看看如何查看CSS中的隱藏圖片。

/* 隱藏圖片的CSS樣式 */
.hide-img {
display: none;
}

首先，我們需要在瀏覽器中打開開發者工具，方法是按下鍵盤上的F12鍵。然后在Elements（元素）選項卡中找到隱藏的圖片所在的元素。

<div class="container"><img src="image.jpg" class="hide-img"></div>

選中這個元素，在Styles（樣式）選項卡下方的Computed（計算）選項卡中找到display屬性，將其修改為block，這樣這個元素就會顯示出來。如果圖片不是被display:none隱藏的，而是visibility:hidden，那么我們需要將visibility屬性改為visible。

/* 顯示圖片的CSS樣式 */
.show-img {
display: block;
}

通過以上步驟就可以輕松地查看CSS中隱藏的圖片了。需要注意的是，在實際開發中，我們要盡量避免過度使用隱藏圖片的CSS樣式，以免影響網頁的性能和用戶體驗。