CSS配置圖片不顯示的方法

在CSS中，我們可以通過(guò)設(shè)置圖片的某些屬性來(lái)使其不顯示，以下是一些常用的方法：

1、設(shè)置圖片高度和寬度為0

通過(guò)CSS，我們可以將圖片的高度和寬度都設(shè)置為0，這樣圖片就不會(huì)在頁(yè)面中顯示了。

img {
  height: 0;
  width: 0;
}

2、使用visibility屬性

CSS中的visibility屬性可以設(shè)置為“hidden”，這樣圖片雖然仍在頁(yè)面中，但用戶是看不到的。

img {
  visibility: hidden;
}

3、使用display屬性

CSS中的display屬性可以設(shè)置為“none”，這樣圖片就不會(huì)被渲染，也就不會(huì)顯示在頁(yè)面中。

img {
  display: none;
}

需要注意的是，以上方法只是針對(duì)CSS中的圖片元素，如果圖片是以其他方式（如背景圖片）顯示的，那么需要采用其他相應(yīng)的方法，這些方法也會(huì)受到瀏覽器和版本的影響，因此在實(shí)際應(yīng)用中需要謹(jǐn)慎使用。