透明度和文字問題

我正在玩opacity CSS屬性。透明度和文字問題

它適用於盒子（50％或黑色30％） - 問題在於盒子內的文字是也是透明。

我希望文本在透明度爲30％的盒子中100％爲白色。

解決方案是使用CSS進行調整或使用.png作爲背景並忘記opacity設置。

告訴我，如何做30％不透明與100％不透明文本里面。提前

感謝

來源

2011-01-24 menardmam

你的選擇是：

Using CSS3：background: rgba(255, 255, 255, 0.3)。 Live Demo
將兩個<div>標籤絕對定位在彼此之上。其中之一是背景，並有opacity設置。第二個有它的文字，和一個transparent背景。
正如你在你的問題中暗示的那樣，你可以使用一個帶有30%透明度的.png文件。

我知道我讀到一種方法，使IE中的rgba工作。

參見：http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

.alpha60 { 
    /* Fallback for web browsers that doesn't support RGBa */ 
    background: rgb(0, 0, 0); 
    /* RGBa with 0.6 opacity */ 
    background: rgba(0, 0, 0, 0.6); 
    /* For IE 5.5 - 7*/ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
    /* For IE 8*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
}

來源

2011-01-25 00:02:52 thirtydot

IE其實有它自己的'rgba`般的財產使用的過濾器。這裏有一個有用的生成器：http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/ – mqchen 2011-01-25 00:19:24

#box { color:white; background-color:rgba(0,0,0,0.3); }

注：RGBA不IE6-8

工作

來源

2011-01-25 00:02:32

透明度和文字問題

回答

相關問題