横からひょっこり顔をだすCSS
当サイトのトップページの左の方にあるタブのことです。せっかく作ったので、自由に使ってください。
pulltab.css
sideback.gif
pulltab.cssはsideback.gifのファイル名、大きさに合わせてあります。
簡単なのでpulltab.cssに載せた解説を見ていただければすぐ使えると思います。
HTMLはpulltab.cssに載ってる例を適当なところに入れれば良いです。位置をfixedで指定しているのでどこでも大丈夫です。スクロールに追従させたくない場合はfixedをabsoluteにします。
pulltab.htm
サンプルのhtmlです。
ところでこれ何に使えばいいのか分かりません。新作アピール?自己紹介?うーん・・・。
IEだとposition: fixed;は受け付けてくれないんですね。こりゃ盲点。
pulltab.css内のposition: fixed;をposition: absolute;に変更しました。
僕はIEでもfixedな動作にしたいのでdoxdesk.com: software: fixed.jsを使いました。