背景の透過具合調整 その２

前回の調整時、投稿に配置された画像も同様に透過してしまい、不本意だったので設定を見直しました。

【前回の設定】

テンプレのHTML編集で以下の3行目～5行目を追加

【今回の設定】
前回の設定で追加した部分を削除。
テンプレート > カスタマイズ > アドバンス > CSS追加  を選んで以下のcssを追加しました。

1行目
  本ブログテンプレの背景部分に指定されているクラス名

2行目
  RGBAの透過が有効にならないブラウザの時の色指定

3行目
  要素の色と透明度を指定するCSS、3原色の数値とその後ろに0.00～1.00の間で指定（1.0が不透明）
  （今回はopacityではなくRGBAを使ってみた。）

4行目
  5行目の指定を動作させるための指定。（これがないとIEで反映されない場合がある）

5行目
  IEでは3行目の指定が効果無いので、IE用の独自タグ
  （RBGaプロパティはIE8～で対応のはずだが、自分の環境では反映されなかった。)
  その他のIEバージョンは未検証です。
  opacity=  の後ろの数字、0～100迄で指定（100が不透明）

これで、挿入した画像は透過しなくなった。
めでたしめでたし！