css樣式中關於透明度的設置

今天在寫dialog對話框組件時,給外面 的父元素設置了透明度,但是影響到內部的子元素,查了資料找到了原因以及解決辦法;
設置父元素opacity：0.4，子元素不設置opacity，子元素會受到父元素opacity的影響，也會有0.4的透明度。即使設置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.4的基礎上設置的，因此子元素的opacity還是0.4。

解決方法：使用rgba,爲父元素設置background: rgba(0,0,0,0.4)。