■　透過スクロールバー（Ⅱ）　■
ソースａは、<head> ～ </head>間に、
ソースｂは、<body> ～　</body>間に記述して下さい。
■　サンプル　■

ここに文字を書く
　　　：
　　　：






photo by ひまわりの小部屋
■　ソースａ　■
<style type="text/css">
<!--
table {
width:300px; height:200px;
background-image:url(画像のURL);
scrollbar-3dlight-color:#abcdef;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#abcdef;
scrollbar-face-color:#abcdef;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#404040;
scrollbar-track-color:#abcdef;
}
.blok {
width:300px; height:200px;
overflow:auto;
padding:5px;
filter:chroma(color=#abcdef);
color:#ffffff; text-align:left;
}
-->
</style>
■　ソースｂ　■
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<div class="blok">
　：<br>
ここに文字を書く<br>
　：<br>
<br>
</div>
</td>
</tr>
</tbody>
</table>
■　注　意　■
ウィンドウの表示縦幅を超えるように内容を記述してください。そうしないと、スクロールバーが表示されません。
記述内容が少ない場合には、<br>でウィンドウの縦幅を越えるように追加調整してください。

ソースａのtableのwidthとheightの数字と,blokのwidthとheightの数字は同じ数字にしてください。