CSS3中的opacity屬性用來(lái)控制HTML元素的透明度。注意,
opacity的取值范圍是0~1,0代表完全透明,1代表完全不透明。
在實(shí)際應(yīng)用中,我們可以利用opacity屬性給HTML元素添加半透明效果,例如:
div { opacity: 0.5; }
上述代碼會(huì)使頁(yè)面中所有的div元素變成半透明狀態(tài)。如果只想給某個(gè)特定的HTML元素添加半透明效果,可以使用其選擇器來(lái)指定:
#my-elem { opacity: 0.5; }
上述代碼會(huì)使id為my-elem的HTML元素變成半透明狀態(tài)。請(qǐng)注意,
opacity的作用不只是改變?cè)氐目梢?jiàn)性,同時(shí)也會(huì)影響元素內(nèi)部的其他內(nèi)容,包括文字、圖片等,因此要謹(jǐn)慎使用。
總體來(lái)說(shuō),
opacity是CSS3中非常實(shí)用的屬性,能夠?yàn)轫?yè)面增添更靈活、多樣的效果。