こっそりCSS、具体的にはこんな感じになった。
div,p,h1,h2,h3,h4,h5,h6,td,th,li,dt,dd,span,em,strong,font{
color: #888888;
background-color: transparent;
font-size:10pt;
background-image: none;
}
body{
color: #888888;
font-size:10pt;
background-color: #999999;
background-image: url(404_NotFound.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0px 0px;
padding: 150px 5em;
}
img { visibility: hidden; }
a:link { color:#908888; }
a:visited { color:#888890; }
これで明度60％の灰色に僅かに暗い文字を載せ、画像を殺して最上段に「404 Not Found」画像を表示......するはずだったのだが、この画像が出ない。ブラウザに設定したユーザースタイルシートでも画像のローカルからの読み込みは不可なのだろうか。
謎だ。
結局webに乗せた画像を参照する形でお茶を濁した。やはりローカルだから駄目なのか。
各属性に背景色を指定していたものだからズクロールで404 NotFound表示が隠れてしまった。慌ててtransparentに変更。
