1. ホーム
  2. css

[解決済み] 背景色の不透明度、テキストの不透明度 [重複]について

2022-03-26 18:21:09

質問

の背景をクロスブラウザー(Internet Explorer 6を含む)で透明にするにはどうしたらよいですか? div テキストは不透明のままですか?

jQueryなどのライブラリを使用せずに行う必要があります(しかし、もしそれを行うライブラリをご存知であれば、私はそのコードを見ることができるので、ぜひ教えてください)。

どのように解決するのですか?

rgbaを使用する

.alpha60 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: 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)";
}

を宣言する必要があります。 background: transparent IE のウェブブラウザのために、できれば条件付きコメントかそれに類するもので提供されるのが望ましいです!

を経由して http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/