下のようなケースでは、背景画像を薄くしてコンテンツを通常通りに表示させたいことがあります。単純に背景画像要素を透過すると子要素まで透過が継承されてしまうので、コンテンツも薄くなってしまいます。alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}.frontContents{padding:20px;color:#000;}背景画像要素に対してコンテンツ要素をabsoluteでかぶせる手もありますが、レスポンシブなどで厄介な処理が発生しそうです。透過マスクによる対策これらを改善する一方法として、背景画像とコンテンツの間に透過マスクを挟む方法があります。背景画像を親要素に設定し孫要素にコンテンツを記述するのは上記と同じですが、親要素にみなし透過背景色を挟むのです。)トラックバックは利用できません。この記事へのコメントはありません。サイテックファクトリ。