我正在玩opacity
CSS屬性。透明度和文字問題
它適用於盒子(50%或黑色30%) - 問題在於盒子內的文字是也是透明。
我希望文本在透明度爲30%的盒子中100%爲白色。
解決方案是使用CSS進行調整或使用.png
作爲背景並忘記opacity
設置。
告訴我,如何做30%不透明與100%不透明文本里面。提前
感謝
我正在玩opacity
CSS屬性。透明度和文字問題
它適用於盒子(50%或黑色30%) - 問題在於盒子內的文字是也是透明。
我希望文本在透明度爲30%的盒子中100%爲白色。
解決方案是使用CSS進行調整或使用.png
作爲背景並忘記opacity
設置。
告訴我,如何做30%不透明與100%不透明文本里面。提前
感謝
你的選擇是:
background: rgba(255, 255, 255, 0.3)
。 Live Demo<div>
標籤絕對定位在彼此之上。其中之一是背景,並有opacity
設置。第二個有它的文字,和一個transparent
背景。30%
透明度的.png
文件。我知道我讀到一種方法,使IE中的rgba
工作。
.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)";
}
#box { color:white; background-color:rgba(0,0,0,0.3); }
注:RGBA不IE6-8
工作
IE其實有它自己的'rgba`般的財產使用的過濾器。這裏有一個有用的生成器:http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/ – mqchen 2011-01-25 00:19:24