css - コンテンツ全体に影響を与える不透明度

Question

Twitterはこの種の透明性をどのように実装していますか？

ここに画像の説明を入力してください

コードに不透明度を追加しようとしましたが、すべての子要素が影響を受けています。私が目指しているのは上の画像のようなものです。どうすればいいですか？不透明度はそのための正しいCSSルールですか？

score 2 · Accepted Answer

この効果を実現するには、RGBa代わりにを使用してみてください。opacity不透明度プロパティにより、すべての子要素も透明になります。これを回避する簡単な方法は多くありません。RGBaは要素を透明にしますが、すべての子要素は変更されません。

例：

div {
   background: rgba(10, 10, 10, 0.5); 
}

RGBaの最初の3つの数値は、RGB値の色を表します。4番目は透明度を表し、0.0から1.0の間である必要があります（不透明度プロパティと同様）。

score 1 · Accepted Answer

1

背景色：rgba（255,255,255、.5）;

于 2012-08-02T13:07:03.400 に答える

score 0 · Accepted Answer

CSSの不透明度は常にそのように機能します。半透明のpngを背景としていつでも使用できます。

3 に答える 3