在網(wǎng)站開(kāi)發(fā)過(guò)程中,有時(shí)候需要隱藏一些圖片,可以使用CSS來(lái)實(shí)現(xiàn)。下面介紹兩種方法。
第一種方法是使用display屬性。將圖片設(shè)置為“none”,即可隱藏。例如:
img { display: none; }這個(gè)代碼段會(huì)將所有的img標(biāo)簽都隱藏起來(lái)。需要注意的是,這種方法只是將圖片隱藏了,但是HTML代碼中還是存在這些圖片的元素,如果需要完全刪除圖片元素,可以使用JavaScript來(lái)實(shí)現(xiàn)。 第二種方法是使用visibility屬性。將圖片的可視性設(shè)置為“hidden”,也可以實(shí)現(xiàn)隱藏效果。例如:
img { visibility: hidden; }這個(gè)代碼段與第一種方法的區(qū)別在于,visibility屬性只是將元素的可視性改變,但元素依然存在于HTML代碼中。 需要注意的是,這兩種方法都只是將圖片隱藏了,但是圖片的地址仍然可以通過(guò)查看HTML源碼來(lái)找到。如果需要保護(hù)圖片不被下載,可以使用其他防盜鏈技術(shù)。