すべてのブラウザでテキストを不透明にしたまま、Div の背景を透明にするにはどうすればよいですか?

テキストに影響を与えずに背景色に不透明効果を与える

不透明なテキストを維持しながら div の背景の透明性を実現するには、クロスブラウザーのソリューションが必要です。 Internet Explorer 6 にアドレスします。

これを外部なしで実行するにはライブラリ:

• rgba を使用: RGBa 値により、色の値に加えて透明度 (不透明度) を指定できます。

.alpha60 {
    background-color: rgba(0, 0, 0, 0.6);
}

• IE の動作に対抗する: Internet Explorer をサポートするには追加のフィルターが必要ですRGBa 透明度。

.alpha60 {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

• IE 背景継承の処理: IE の子要素によって不透明度が継承されないようにするには、background:parents を宣言します。これには、条件付きコメントを使用するのが最適です。

以上がすべてのブラウザでテキストを不透明にしたまま、Div の背景を透明にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。