XHTML 1.0 Transitional
互換モード

Internet Explorer Sleipnir Lunascape などで「透過」が適用される。

XHTML では冒頭の xml version を表記させれば、W3C の URL を表記するカタチであっても「互換モード」として表される。

CSS （関連部分のみ）

html {
margin: 0;
background-image: url(http://file.sever.blog.shinobi.jp/top_bg.gif);
overflow: hidden; /* スクロールバーを表示しない */
scrollbar-3dlight-color:#ff1493;
scrollbar-arrow-color:#00f;
scrollbar-darkshadow-color:#00f;
scrollbar-face-color:#ff1493;
scrollbar-highlight-color:#00f;
scrollbar-shadow-color:#ff1493;
scrollbar-track-color:#ff1493;}

.scroll {
width: 100%; /* 適用範囲の指定 */
height: 100%; /* 適用範囲の指定 */
overflow-y: auto; /* スクロールバー自動表示 */
filter: chroma(color=#ff1493)} /* 透過色を指定 */

step 01: html にスクロールバーの色替えを指定
（body では働かない）
step 02: 色を確認後 html にスクロールバー非表示とする
step 03: .scroll と言うセレクタを新設。そっくりコピーして透過色だけを変更すればよい。

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-type" content="text/css">
<link rel="stylesheet" href="tr0.css" charset="Shift_JIS" type="text/css">
<title>タイトル</title>
</head>
<body>
<div class="scroll"> 
<div class="center">
<div class="mcenter">
内容
</div>
</div>
</div> 
</body>
</html>

step 04: <body> のスグ下に <div class="scroll"> を新規挿入。
step 05: </body> のスグ上に </div> を挿入。
この段階ではまだ透過されない。
step 06: 最上行の !DOCTYPE の上に
<?xml version="1.0" encoding="Shift_JIS"?>
が無ければ、書き加えることで Internet Explorer 系では「互換モード」になるが、他のブラウザでは「標準準拠モード」のままで変わらない。
このとき <meta> 行にある charset の指定と呼応しなければならない。
例えば jugem の場合は
<?xml version="1.0" encoding="EUC-JP"?> とする。

警告

このページは単純な作りであるが、ブログのような複雑な作りの場合、「互換モード」と「標準準拠モード」とでは CSS の margin とか padding や width などに Internet Explorer 系ではデザイン崩しになりかねない差が出てくるはず。

スクロールバーが表示されないので、xhtml で書かれていると、Opera や Safari (Mac) では記事部分をドラッグして続きを見ることができ(不便この上ない！)、マウスホィールの使用は可能であるが、Firefox Mozilla Netscape と言った Mozilla 系のブラウザでは下へドラッグすることさえ出来ないし、もちろんマウスホィールも機能しない。

それでもあなたは透過しますか？

XHTML 1.0 Transitional互換モード

警告

XHTML 1.0 Transitional
互換モード