スクロールバーの色を透明にする（ＩＥのみ有効）

★　スクロールバーの色を透明にしたいという質問が多いので、記事にしました。

◆　説明

①　スクロールバーの色は、ＩＥのみ可能な機能です。
②　スクロールバーの色を透明にするのは、下記のＣＳＳを使います。
　　これもＩＥのみ有効なＣＳＳです。
　　色コードは、透明にしたい色を指定します。

filter:chroma(color=色コード);

③　この記事では、記事全体とサイドバー右又は、左（カラムによって異なる）の
　　例を紹介します。
　　矢印の色は、透明にしないこととしています。
④　透明にしたいスクロールバーの場所に（記事やサイドバー）
　　半透明の背景画像を指定している場合は、この方法では
　　うまくできません。
　　やり方は、あるので個別に対応させてください
⑤　全体（html,body)に指定するスクロールバーの透明化は、
　　現在、調査中です。
⑥　下記では、透過したい色を #FFFFFE としています。
　　#FFFFFF の白色にしないのは、記事内などに白色がある場合、
　　その色も透明になるため、白色と異なる色で、通常存在しない色を
　　指定しています。


◆　例

/* ------------------------------------------------------- */
/* スクロールバーの色を設定＆透明に（ＩＥのみ）　　　　　　*/
/* ------------------------------------------------------- */
.skinMainArea{/* 記事全体 */
scrollbar-base-color:#FFFFFE;/* 基本色 */
scrollbar-track-color:#FFFFFE;/* レール部分 */
scrollbar-face-color:#FFFFFE;/* ボタン部分 */
scrollbar-shadow-color:#FFFFFE;/* 内側の影 */
scrollbar-darkshadow-color:#FFFFFE;/* 外側の影 */
scrollbar-highlight-color:#FFFFFE;/* 内側のハイライト */
scrollbar-3dlight-color:#FFFFFE;/* 外側のハイライト */
scrollbar-arrow-color:#00FFFF;/* 矢印の色 */
}
.skinMainArea{
filter:chroma(color=#FFFFFE);/* 透明にしたい色の指定 */
}
/* ------------------------------------------------------- */
.skinSubA{/* サイドバー右 */
scrollbar-base-color:#FFFFFE;/* 基本色 */
scrollbar-track-color:#FFFFFE;/* レール部分 */
scrollbar-face-color:#FFFFFE;/* ボタン部分 */
scrollbar-shadow-color:#FFFFFE;/* 内側の影 */
scrollbar-darkshadow-color:#FFFFFE;/* 外側の影 */
scrollbar-highlight-color:#FFFFFE;/* 内側のハイライト */
scrollbar-3dlight-color:#FFFFFE;/* 外側のハイライト */
scrollbar-arrow-color:#00FFFF;/* 矢印の色 */
}
.skinSubA{
filter:chroma(color=#FFFFFE);/* 透明のしたい色の指定 */
}
/* ------------------------------------------------------- */