不透明度背景上的圖片也選擇不透明度

Question

我做了一個網站的容器有一個不透明度：0.8，然後當我在這個容器中添加一張照片，實際上任何東西，它也顯示爲相同的不透明度。我想保持100％的圖像沒有不透明。我不確定這實際上會如何解決。我試過特別改變圖像z-index和不透明度，但是沒有奏效。任何幫助都會很棒。請參閱下面的示例。

View Sample

Answer 1

我想你最好讓這些元素的背景半透明的，而不是增加透明度，整個容器。這不會影響照片，並會使文本和按鈕更易於閱讀。

Answer 2

請閱讀說明例如在http://css-tricks.com/rgba-browser-support/：

我們早就有不透明的財產，這是類似的，但不透明度 強制所有decendant元素也變得透明並有 沒有辦法打它

所以，你必須使用例如：

background: rgba(200, 54, 54, 0.5);