CSS中設置透明度為零可以讓元素完全隱藏,不會在頁面中顯示。在一些特殊場景中,這種方法非常實用。
.hidden { opacity: 0; filter: alpha(opacity=0); /* IE8及以下版本兼容 */ }
在上面的代碼中,opacity: 0;
是設置元素透明度為零的關鍵,同時為了兼容老版本的IE瀏覽器,我們還需使用filter: alpha(opacity=0);
來實現相同的效果。
此外,我們還可以使用visibility: hidden;
來隱藏元素,但這種方法只是讓元素的可見度消失,但實際上保留了元素的占位,因此對于一些布局需求較高的場景,我們建議使用opacity
方式來實現元素的完全隱藏。
上一篇css設置部分字體的顏色
下一篇css設置邊框重疊代碼