CSS中的透明度屬性可以通過設置元素的opacity屬性來實現。這個屬性適用于所有的HTML元素,其中0表示完全透明,1表示完全不透明。
.opacity-50{ opacity: 0.5; }
在CSS中,透明的元素不會占據空間,這意味著即使元素設置了不透明度為0,它仍然會占用空間,影響頁面布局。
.hidden{ opacity: 0; display: none; }
為了實現透明不占用空間的效果,我們可以將元素同時設置opacity:0和display:none,這樣即可不占用空間,同時實現透明的效果。