爲什麼文本的顏色會在透明的DIV標籤中變化？

嗨，你可以看看下面的例子（代碼和鏈接），讓我知道爲什麼透明div內的其他元素的顏色也改變了，我怎麼可以防止這種情況？我的意思是我喜歡ti有白色的文本框和字體顏色，因爲我已經指定了，但現在它們看起來灰色！爲什麼文本的顏色會在透明的DIV標籤中變化？

Here is the link

你可以從鏈接的文本框裏面輸入一個顏色變成灰色看看！這個代碼：

.test 
{ 
    color:#FFF; 
    border: solid 2px #2d2d2d; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    height: 180px; 
    width: 250px; 
    filter: alpha(opacity=60); 
    opacity: 0.60; 
    background: #000; 
}

來源

2013-02-03 Suffii

元素上使用opacity會影響到所有的子元素。這就是爲什麼你的文字看起來灰色的原因。爲了防止這種情況使用RGBA顏色，並同時設置它的透明度值。

我創建了一個小的demo，它顯示了差異。

這裏的代碼爲background。

background: rgba(0, 0, 0, 0.6); /* The last value declares the transparency */

希望這有助於！

來源

2013-02-03 08:33:24

謝謝克里斯託弗，這正是我一直在尋找 – Suffii

白色變成灰色，因爲你是用在黑色背景上設置的東西不透明度爲60％。刪除不透明度規則，它應該看起來像你期待的。

刪除這些CSS規則

filter: alpha(opacity=60); 
opacity: 0.60;

來源

2013-02-03 05:52:05

嗨克里斯，謝謝你的評論，但我的問題是如何制止這一點，並保持框的透明度以及。我的意思是我不想刪除透明度 – Suffii

爲什麼文本的顏色會在透明的DIV標籤中變化？

回答

相關問題