原因分析: 使用css的opcity屬性改變某個元素的透明度,但是其元素下的子元素的透明度也會被改變,即便重定義也沒有用,不過有個方法可以實現,大家可以看看。
可以使用一張透明的圖片做背景可以達成效果,但是有沒有更簡單的方法呢?使用 RGBA。
例如:
設置父元素opacity:0.5,子元素不設置opacity,子元素會受到父元素opacity的影響,也會有0.5的透明度。
即使設置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基礎上設置的,因此子元素的opacity還是0.5。
解決方法:為父元素設置background: rgba(0,0,0,0.5)。