透明度和文字问题

一尘不染

透明度和文字问题

css

我在玩opacityCSS属性。

它非常适合该框（50％或30％黑色）-问题是框内的文本也是透明的。

我希望文本在具有30％透明度的框中为100％白色。

解决方案是对CSS进行一些调整，或者将a .png用作背景并忘记opacity设置。

告诉我，如何在内部使用100％不透明度的文本来实现30％不透明度。

提前致谢

阅读 295

2020-05-16

共1个答案

一尘不染

您的选择是：

使用CSS3：background: rgba(255, 255, 255, 0.3)。
绝对将两个<div>标签放置在彼此的顶部。其中之一是背景，并且具有opacity设置。第二个包含文本和transpaent背景。
正如您在问题中暗示的那样，您可以使用透明的.png文件30%。

我知道我已经读过一种rgba在IE中进行工作的方法。

.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)";
}

2020-05-16