CSS中隱藏圖片的方法

在CSS中，您可以使用多種方法來隱藏圖片，以下是一些常見的方法：

1、使用display: none;

CSS的display屬性用于控制元素的顯示方式，將圖片元素的display屬性設置為none可以隱藏圖片。

img {
    display: none;
}

2、使用visibility: hidden;

與display: none;類似，但visibility: hidden;不會改變元素的大小或位置，只是讓圖片不可見。

img {
    visibility: hidden;
}

3、使用opacity: 0;

通過設置圖片的opacity屬性為0，也可以達到隱藏圖片的效果，這種方法不會改變圖片的大小或位置，但圖片會變成完全透明。

img {
    opacity: 0;
}

4、使用filter: blur(0);

通過給圖片應用模糊效果，也可以隱藏圖片，這種方法不會改變圖片的大小或位置，但會使圖片變得模糊不可見。

img {
    filter: blur(0);
}

這些方法只是將圖片隱藏起來，并沒有刪除圖片元素，如果您需要重新顯示圖片，可以通過修改相應的CSS屬性來實現(xiàn)。