カッコイイページマスターへの道Vol.02（テーブル背景等を透過させる）

さてさて、スタイルシートイジリの第二弾は、
折角第一弾でカーボン調の背景にしたのに、
愛車紹介部分が黒いまま・・・。


これを解決しましょう！！

まずは、「愛車紹介」のページです。

Beforeの様子



この部分には２つのスタイルが重なるように定義されているようで、
次の２箇所を同時に変更する必要があります。

～～～～～～～～～～～～～～～～～～
.CarTable
{

/* background: #0E0E0E;*/

}

.CarPlate
{

/* background: #0E0E0E;*/

}
～～～～～～～～～～～～～～～～～～

どうやら、.CarPlateの上に.CarTableがカスケードされているようです。

Afterの様子





次は、「愛車紹介詳細ページ」です。


Beforeの様子



一部上段のところが既に透過になっていますが、
これは先ほどの「.CarPlate」にて先に修正しているからですね。
相変わらずコンテンツの部分は黒いまま・・・。

～～～～～～～～～～～～～～～～～～

.CarTableDetail
{

/* background: #0E0E0E;*/

}

～～～～～～～～～～～～～～～～～～

これでどうなるかというと・・・。

Afterの様子




愛車紹介のページ以外にも上記のスタイルシートが適用されている部分は、
軒並み透明になって、かっこいくなりました！！！