CSS中的背景色是可以通過設置透明度來實現部分透明的效果的。通過設置背景顏色的rgba值中的alpha值即可實現。
background-color: rgba(255,255,255,0.7);
上述代碼中,背景顏色為白色,而最后一個參數0.7表示透明度,范圍為0-1,值越小越透明。
除了rgba,還可以使用opacity屬性設置元素的整體透明度,但此方法會影響元素內部所有內容的透明度。
opacity: 0.7;
另外一個要注意的是,透明度會對元素的疊加順序產生影響。一般情況下,如果元素A比元素B先定義,那么在相交的部分上,元素A會覆蓋元素B。但如果元素A的透明度小于1,那么它可能會透過自己的背景色看到元素B。
上一篇vue自定義二級下拉
下一篇php td 屬性