[CSS3,テキスト,色]スタイルシートを使って対象の要素を半透明にしたい場合(透明度を指定したい場合)はopacityプロパティを使えば良いだけです。テキストでも画像でも半透明になります。「対象の要素の全体」が半透明になってしまいます。なく、「背景色は半透明にして背後を少しだけ透過させたいが、文字色は不透明にしてハッキリ見えるようにしたい」という場合もあるでしょう。その場合はRGBAカラーモデルでの色指定を使うと望みの配色が作れます。背景色も文字色も合わせて半透明にしたければ、opacityプロパティ背景色は半透明にするものの、文字色は不透明にしたいなら、rgba表記テキストの背景色を半透明にしつつ、文字色は不透明にしたい場合もあるスタイルシートを使って対象の要素を半透明にしたい場合(透明度を指定したい場合)は、opacityプロパティを使えば良いだけです。テキストでも画像でも半透明になります。その場合は対象の要素の全体が半透明になってしまいます。テキストを掲載する場合の色指定には主に「背景色」と「文字色」の2つがあります。(他に、枠線色などもありますが。文字色は不透明にして、背後は透過しないようにしたいという場合もあるでしょう。文字の読みやすさを重視する場合には、文字そのものは透過しない方が良いかも知れませんから。以下のサンプルでは、背景色の緑色は40%ほど透明になっていますが、文字色の青色は不透明(=まったく透過しない青色)になっています。不透明の文字もし、背景色と文字色の透明度を同じにすると、以下のように見えます。半透明の文字こちらの場合は、背景画像だけでなく文字色の背後も透けて見えていることが分かるでしょう。このように、背景色と文字色の2種類の色を指定できるとき、両方を同時に半透明にしたい場合と、片方だけを半透明にしたい場合とがあります。そこで以下に、それぞれのCSSソースの記述方法を紹介します。背景色も文字色も合わせて半透明にしたければ、opacityプロパティ先ほどの例の2つ目のように、背景色も文字色も合わせて半透明にすれば良いなら、opacityプロパティを使って透明度(正確には不透明度)を指定すれば良いでしょう。以下のようにCSSソースを記述します。blue;}2行目にopacityプロパティを使っています。上記の場合だと、span要素は45%透過して表示されます。背景色の淡い緑色(#ccffcc)も、文字色の青色(blue)も、どちらも背後が透けて見えます。opacityプロパティを使った場合は、対象の要素全体に対して透過度の指定が適用されますから、背景色だろうと文字色だろうと全てを含めてこのような表示結果になります。冒頭の例のように、背景色には透明度を指定して背後を透かせつつ、文字色には透明度を指定せずに不透明な色を指定したい場合には、opacityプロパティではなく、色の指定にRGBAカラーモデルを使うと良いでしょう。以下のようにCSSソースを記述します。