很多剛入門的前端同學在切頁面的時候會遇到乙個需求，就是讓某個區塊的元素設定乙個透明度。如下圖：
大多數同學會採用opacity這個css樣式屬性，但是用它的話會導致乙個問題，圖中的文字也會變成透明的了。因為這個樣式是會傳遞給父元素包裹的自元素。
那麼我們換種實現方法看看效果如何，我們用 css3的background:rgba(66,66,66,0.5)，背景屬性可以實現透明效果，最後乙個引數就是透明度。當然相容
性有待考慮，因為支援到ie9，ie8好像就不支援了。效果圖如下
對比一下圖1和圖2就發現這兩個按鈕的文字圖2是正常的，圖1被覆蓋為透明的。
css實現背景透明文字不透明
設定元素的透明度 moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明但是當我們對乙個標籤設定背景的透明度時，往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明p div div 可以很明顯的看出文字也被半透明...
css實現背景透明文字不透明
moz opacity 0.8 在firefox中設定元素透明度 filter alpha opacity 80 ie使用濾鏡設定透明 但是當我們對乙個標籤設定背景的透明度時，往往我們並不希望該標籤上的文字也變成半透明了。例如 不透明 div可以很明顯的看出文字也被半透明的，這是我們不想看到的效果。...
css實現背景透明，文字不透明
實現透明的css方法通常有以下3種方式，以下是不透明度都為80 的寫法 相容性 ie6 7 8不支援，ie9及以上版本和標準瀏覽器都支援 背景透明，文字也透明 使用opacity後整個模組都透明了，展現如下 那麼使用opacity實現 背景透明，文字不透明 是不可取的。相容性 ie6 7 8不支援，...