☰

背景色の不透明度はありますが、テキストは不透明ではありません [重複] 質問する

tag-icon • tag-icon css opacity
背景色の不透明度はありますが、テキストは不透明ではありません [重複] 質問する

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

jQuery などのライブラリを使用せずにこれを実行する必要があります (ただし、これを実行するライブラリをご存知の場合は、そのコードを確認できるようにお知らせください)。

ベストアンサー1

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: transparentIE Web ブラウザーを宣言する必要があります。条件付きコメントなどを使用して宣言することをお勧めします。

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

おすすめ記事