CSS隱藏圖片的方法

在CSS中，您可以使用display屬性來隱藏圖片，將圖片的display屬性設(shè)置為none，圖片就不會再顯示了。

img {
    display: none;
}

上述代碼會隱藏所有圖片，如果你想隱藏特定的圖片，可以給圖片一個(gè)特定的類名，然后通過類名來隱藏圖片。

<img class="my-image" src="image.jpg" />

.my-image {
    display: none;
}

除了使用display屬性，您還可以使用visibility屬性來隱藏圖片，將圖片的visibility屬性設(shè)置為hidden，圖片就會隱藏起來。

img {
    visibility: hidden;
}

需要注意的是，使用visibility: hidden隱藏圖片后，圖片仍然會占據(jù)文檔中的空間，只是內(nèi)容不可見，而使用display: none隱藏圖片后，圖片不會占據(jù)文檔中的空間。

您還可以使用opacity屬性來隱藏圖片，將圖片的opacity屬性設(shè)置為0，圖片就會完全透明，看起來就像被隱藏了一樣。

img {
    opacity: 0;
}

需要注意的是，使用opacity: 0隱藏圖片后，圖片仍然會占據(jù)文檔中的空間，只是內(nèi)容不可見，由于圖片變成了完全透明，所以可能會有一些其他元素出現(xiàn)在圖片原本的位置上。