本文目錄導(dǎo)讀：

1. 使用Opacity屬性
2. 使用Visibility屬性

CSS3在網(wǎng)頁設(shè)計中的靈活應(yīng)用使得我們可以輕松地控制頁面元素的展示方式，其中就包括圖片，雖然我們不能直接通過CSS3隱藏圖片，但可以通過一些技巧和方法間接實現(xiàn)圖片的隱藏效果，以下是一些可行的方法：

使用Opacity屬性

我們可以利用CSS3中的Opacity屬性將圖片的透明度設(shè)置為0，從而達(dá)到隱藏圖片的效果，這種方法不會改變圖片的布局空間，只是讓圖片變得不可見，示例代碼如下：

img {
    opacity: 0;
}

使用Visibility屬性

與Opacity不同，使用CSS3中的Visibility屬性可以將圖片設(shè)置為不可見，同時該元素所占的空間也會被隱藏，示例代碼如下：

img {
    visibility: hidden;
}

三 借助Display屬性

我們還可以利用CSS3中的Display屬性來隱藏圖片，將圖片的display屬性設(shè)置為none，圖片既不會顯示也不會占據(jù)頁面空間，示例代碼如下：

img {
    display: none;
}

需要注意的是，以上三種方法在實際應(yīng)用中可以根據(jù)需求選擇使用，還可以通過結(jié)合使用這些屬性以及其他CSS屬性來實現(xiàn)更復(fù)雜的隱藏效果，我們可以使用媒體查詢（Media Queries）來根據(jù)設(shè)備的特性或視口的大小來動態(tài)地隱藏或顯示圖片，還可以通過結(jié)合JavaScript來實現(xiàn)更靈活的隱藏和顯示控制，CSS3為我們提供了豐富的工具來控制和調(diào)整網(wǎng)頁元素的展示方式，我們可以根據(jù)具體需求選擇合適的方法來實現(xiàn)圖片的隱藏效果。