CSS中透明度的寫法主要是通過設置透明度的屬性來實現,常用的屬性包括opacity和rgba。
/*使用opacity屬性可以實現透明度*/ div{ opacity:0.5; /*透明度值為0.5*/ }
通過上述代碼可以設置某個div的透明度為0.5,取值范圍為0~1,值越小表示越透明。
/*使用rgba屬性可以設置顏色和透明度*/ div{ background-color:rgba(0,0,0,0.5); /*黑色,透明度為0.5*/ }
通過上述代碼可以設置某個div的背景色為黑色,透明度為0.5,其中最后一個參數表示透明度,取值范圍也是0~1。
需要注意的是,雖然opacity和rgba都可以設置透明度,但它們有著不同的效果。
當使用opacity時,不僅會使元素本身變透明,內部所有子元素也會變得透明,且透明度值是可疊加的。
而使用rgba時,只會使元素本身的顏色變透明,內部子元素不會受到影響。