常在處理前端設計的工程師,應該對下面這個css語法很熟悉:
display: none
這是把網頁上的物件隱藏起來最常用的方法,任何物件套上這個css語法後,它就跟完全不存在了一樣;但有時只想把它變成看不見的,卻又想保留它原本佔有的空間,該怎麼辦?
其實方法還是很多的,在這至少可以用2種方法達成:
- visibility: hidden
- opacity: 0
簡單地說,既然是要讓它隱形(看不見,但實體仍然存在),那就用css把它設定成看不見,或設定成完全透明,這樣,它就隱身啦~
有些網頁上,為了增加廣告的點擊率,就有可能把廣告設定成完全透明的,讓人點下去就點到廣告…這些語法不是給你們這樣用的丫~~~ XD