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 に答える