0

嗨,你能看看下面的例子(代码和链接),让我知道为什么透明 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;
}
4

2 回答 2

2

在元素上使用opacity也会影响所有子元素。这就是为什么您的文本看起来是灰色的原因。为了防止这种情况,请使用 RGBA 颜色并同时设置它的透明度值。

我创建了一个小演示来显示差异。

这是background.

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

希望这可以帮助!

于 2013-02-03T08:33:24.397 回答
1

白色变成灰色是因为您将某些东西的不透明度设置为黑色背景上的 60%。删除不透明度规则,它应该看起来像您期望的那样。

删除这些 CSS 规则

filter: alpha(opacity=60);
opacity: 0.60;
于 2013-02-03T05:52:05.223 回答