一般情況下，我們可以使用css的opcity屬性改變某個元素的透明度，但是其元素下的子元素的透明度也會被改變，即使對子元素重新定義也沒有用，例如：

<div style=”opacity:0.4; background-image:url(…);”>
<div style=”opacity:1.0;”>
顯示文字
</div>
</div>

文字元素的透明度也會是0.4。

于是想一想，如果有方法只改變背景的透明度就能解決此問題了。

方法1：使用一張透明的圖片做背景可以達成效果，但是有沒有更簡單的方法呢？

方法2：使用RGBA。

例如：

<div style=”0, 0, 0.4)”>
<div>
顯示文字
</div>
</div>