Css 为什么透明DIV标记中的文本颜色会改变？

您好，请看一下下面的examole（代码和链接），让我知道为什么透明div中其他元素的颜色也会发生变化，以及我如何防止这种情况？我的意思是，我喜欢我已经指定的文本框和字体颜色为白色，但现在它们看起来是灰色的

从链接中可以看到，文本框内的输入颜色变为灰色！ 这就是代码：

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

---

白色变为灰色是因为您正在将黑色背景的不透明度设置为60%。删除不透明度规则，它应该看起来像您期望的那样

删除这些CSS规则

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

---

白色变为灰色是因为您正在将黑色背景的不透明度设置为60%。删除不透明度规则，它应该看起来像您期望的那样

删除这些CSS规则

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

---

对元素使用

不透明度

也会影响所有子元素。这就是为什么你的文本看起来是灰色的。要防止出现这种情况，请使用RGBA颜色，同时设置其透明度值

我创建了一个显示差异的小模型

这是

背景的代码

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

希望这有帮助
 在元素上使用
不透明度
也会影响所有子元素。这就是为什么你的文本看起来是灰色的。要防止出现这种情况，请使用RGBA颜色，同时设置其透明度值

我创建了一个显示差异的小模型

这是
背景的代码

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

希望这有帮助
 嗨，克里斯，谢谢你的评论，但我的问题也是如何阻止这种情况并保持盒子的透明度。我的意思是我不想移除透明度嗨，克里斯，谢谢你的评论，但我的问题也是如何阻止这种情况并保持盒子的透明度。我的意思是我不想移除透明度谢谢克里斯托弗，这正是我要找的汉克斯·克里斯托弗，这正是我要找的