讓網頁上的物件隱形

常在處理前端設計的工程師,應該對下面這個css語法很熟悉:

display: none

這是把網頁上的物件隱藏起來最常用的方法,任何物件套上這個css語法後,它就跟完全不存在了一樣;但有時只想把它變成看不見的,卻又想保留它原本佔有的空間,該怎麼辦?

其實方法還是很多的,在這至少可以用2種方法達成:

  • visibility: hidden
  • opacity: 0

簡單地說,既然是要讓它隱形(看不見,但實體仍然存在),那就用css把它設定成看不見,或設定成完全透明,這樣,它就隱身啦~
有些網頁上,為了增加廣告的點擊率,就有可能把廣告設定成完全透明的,讓人點下去就點到廣告…這些語法不是給你們這樣用的丫~~~ XD

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *