- 締切済み
動かない文字。
HTML上で『もくじ』として上の方に固定した文字を配置したいのですが思うようになりません。スクロールしても下がっていかないように設定したいのです。画像で以下のようなものを試したところうまく行きましたが、それを文字に応用しようとしているところでつまづいています。 <body style="background:url(pic.jpg);background-attachment:fixed;"> ちなみに、"body"を"div"にしても"table"にしてもだめでした。 <div style="background:url(pic.jpg);background-attachment:fixed;">もくじ</div> そのようなページを見かけたのですが、CSSを読み込んで処理してあって、分かりませんでした。どなたか知っている方がおられましたらよろしくお願いします。
- wataj
- お礼率83% (133/160)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- bari_saku
- ベストアンサー率17% (1827/10268)
回答No.1
色々方法はあると思いますが、現状では「もくじ」という文字を画像化するのが一番手っ取り早いと思います。 画像化の方法ですが、使用PCのOSや、お持ちのソフトの種類がわからないので、ちょっと書けないです。 フォトショップ・イラストレーターなど、画像処理ソフトがあれば一発だと思いますが。
お礼
bari_sakuさん、どうもご協力ありがとうございました。 HTMLのソースを見て、その中でCSSが呼び出されていて、何故だか一瞬、追跡できないと思ってしまっていました。ソースを辿ったらそれを見ることができました。要は、 【HTML】 <div id="mokuji">もくじ</div> 【CSS】 #mokuji {position:fixed; _position:absolute; left:0px; top:0px; width:100px; height:100%;margin:0; padding:0;} こんな感じになっていました。 お騒がせして申し訳ありませんでした・・。
補足
ご回答どうもありがとうございます。 OSはWindowsXPです。ブラウザはIE6.0とFirefox version1.5です。画像処理ソフトは持っています。 できれば、画像化するのではなく、その後の取り扱いが容易なように文字のまま処理できればと考えています。 http://desperadoes.biz/style/pro/index.php サンプル * リストタグ * 定義タグ * 段組レイアウト * 疑似フレーム … ・・以上のような“動かない目次”を作りたいのです。