我們常常需要在網(wǎng)頁(yè)中顯示不同的圖片，有時(shí)候我們又需要在某些情況下隱藏這些圖片。這時(shí)候我們可以使用CSS中的display屬性來(lái)實(shí)現(xiàn)圖片的隱藏。 首先，我們需要為要隱藏的圖片設(shè)置一個(gè)類或者ID。例如，我們給某張圖片設(shè)置了一個(gè)名為“hidden-image”的class。 `````` 接著，我們使用CSS中的display屬性將其隱藏起來(lái)。CSS中display屬性有多個(gè)取值，我們這里采用“none”值。代碼如下： ``` .hidden-image { display: none; } ``` 以上代碼表示我們隱藏了所有class為“hidden-image”的圖片。當(dāng)某個(gè)元素的display屬性被設(shè)置為“none”時(shí)，該元素對(duì)于渲染引擎來(lái)說(shuō)就像不存在一樣，即不會(huì)在頁(yè)面中占用任何空間。 注意，以上方法僅僅是隱藏了圖片，而沒(méi)有將圖片從網(wǎng)絡(luò)請(qǐng)求中移除掉。這就意味著，網(wǎng)頁(yè)仍需要下載這些圖片，從而加重了頁(yè)面的負(fù)擔(dān)。因此，如果我們需要完全地移除圖片的話，最好使用JS動(dòng)態(tài)地添加或刪除元素。 總的來(lái)說(shuō)，使用CSS隱藏圖片是一個(gè)比較簡(jiǎn)單有效的方法。我們只需要為需要隱藏的圖片設(shè)置一個(gè)class，然后使用CSS的display屬性將其隱藏即可。但需要注意的是，隱藏圖片并不等于移除圖片，可能會(huì)對(duì)頁(yè)面帶來(lái)額外的負(fù)擔(dān)。