DIV CSS 佈局教程網

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

 

1. <div style="opacity:0.4; background-image:url(...);">  
2.  <div style="opacity:1.0;">  
3.   顯示文字  
4.  </div>  
5. </div>  

 

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

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

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

方法2：使用RGBA。

例如：

 

1. <div style="0, 0, 0.4)">  
2.    <div>  
3.       顯示文字  
4.    </div>  
5. </div>