的CSS不透明度和DIV

元素我用這個CSS在DIV的背景創建透明度：的CSS不透明度和DIV

filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5;

在我的情況的問題是，這種方式改變字體的格內的顏色和邊框顏色DIV。是否有任何替代品不會更改字體的顏色？

來源

2013-10-16 user2501504

基本上沒有。你所要做的是必須在保持衰落元素，然後將字體的更高層次的包裝，所以字體是在衰落元素的頂子元素絕對定位。 –

我站好了！看下面的答案！ ...你每天都在學點東西！儘管記住RGBA不適用於所有瀏覽器。 –

當設置不透明度，它是爲t設置他整個div。如果你只想讓背景略微透明，你必須使用rgba！

例子：

div {background-color: rgba(0, 0, 0, 0.5);} /* Black rgb(0,0,0) + 0.5 opacity */ 
div {background-color: rgba(255, 255, 255, 0.7);} /* White rgb(255,255,255) + 0.7 */ opacity

Ofcourse，你必須整合，你已經進入RGBA代碼的背景顏色。前三個數字是正常的紅綠藍色值，最後一個是不透明度（從0到1）。

Here是一個有用的工具來將HEX值（如#ffffff）轉換爲rgba（a）值！

來源

2013-10-16 17:20:47

如果我的背景顏色開始it's白色？在那裏我可以選擇顏色代碼 – user2501504

@ user2501504看我的編輯。 –

呵呵！有點顯而易見，但真的很有幫助！ THKS！ – StinkyCat

您可以爲背景色設置不透明度：

background-color: rgba(0, 0, 0, 0.5);

見這個例子：http://jsfiddle.net/eaAmP/

來源

2013-10-16 17:19:45

.myelement { 
    background: rgba(200, 54, 54, 0.5); 
}

對於瀏覽器支持click here

.myelement { 
    background: rgba(200, 54, 54, 0.5); 
    -pie-background: rgba(200, 54, 54, 0.5); 
    behavior: url(PIE.htc); 
}

來源

2013-10-16 17:20:24

@ user2501504 http://www.w3schools.com/html/html_colors.asp –

的CSS不透明度和DIV

回答

相關問題