CSS 中讓圖片隱藏的方法有很多種,下面分別介紹:
/* 方法一:將圖片的 display 屬性設(shè)置為 none */ img { display: none; }
這種方法可以讓圖片消失,但是頁面中的其他元素會自動填補上圖片原來的位置。
/* 方法二:將圖片的 visibility 屬性設(shè)置為 hidden */ img { visibility: hidden; }
這種方法可以保持圖片原來的位置,但是圖片仍然存在于 DOM 中,對頁面性能有影響。
/* 方法三:將圖片的 opacity 屬性設(shè)置為 0 */ img { opacity: 0; }
這種方法可以保持圖片原來的位置,且不會對頁面性能產(chǎn)生影響,但是用戶仍然可以通過查看網(wǎng)頁源碼等方式看到圖片的存在。
根據(jù)實際需求,選擇合適的方法來隱藏圖片,在保證網(wǎng)頁性能的同時,還能實現(xiàn)開發(fā)者想要的效果。