使用CSS的opcity屬性改變某個元素的透明度，但是其元素下的子元素的透明度也會被改變，即便重定義也沒有用，不過有個方法可以實現，大家可以看看
一般情況下，我們可以使用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>