ブラウザのウィンドウの四隅にカーソルをもっていくと、
ナビゲーション（他ページへのリンク）が表示される
…という仕掛けを設置してみました。
新ブログの目玉機能。
名づけて、ＣＳＳコーナーナビ。
まだ記事が少ないんで、リンク先があまりないんだけどw
なお、IE６では表示されませんヽ(´ー｀)ノ
Firefox、Safari、Opera、IE7では、ちゃんと使えるのにな。
IE６だけが、だけが、だけが。。
opacityというCSSのプロパティを使ってます。
透明度を指定するやつ。（IE７では、filter:alpha）
通常は透明度１００％で見えなくなってて、マウスを持ってくると、hoverで透明度が0になる仕組み。
「position:fixed」にして、画面の四隅に配置し、透明度の設定をするだけ。かんたん。
長い記事で下の方にスクロールしてても、ちゃんと四隅にナビが現れます。
IE６でもやろうとするなら、透明度を使うのではなく（hoverの時にうまくいかないみたい）、
配置のleftやらrightやらtopやらbottomやらの数値を、
hoverの時に変化させるようにすればいいじゃないですかね。
バックグラウンド画像もちょっと余白のあるのにして。余白はgifかpng８の透明を使うのもあり。
そうすれば、opacityというやや怪しげな機能を使わず、Validateもパスできるし。
（まだ他にもやり口はありそう。）
…と、わかってるなら、やれよw
でも、たしか「position:fixed」にも、IE6だけ罠があるんです。もー。面倒くさいっす。
結局、ＣＳＳハックするのが、手っ取り早いのかなあ。。
（と、この記事は、IE６ユーザを、他のブラウザへ誘導する意図をひそかに隠し持っていますｗ
ブログのデザインで、IE６だけが、いつもいつもヘンになって、泣きそうでした。ちょっと怒ってますから。
そして、こんなにいっぱいブラウザの選択肢があるというのに、IE６ユーザの数がいまだいちばん多いという事実。
政治とか市場とかでも、この原理によって、「最悪」が多数によって選択…されてなければいいのだけれど）
June 13th, 2008 at 11:37 PM
わーい、コーナーナビ見えますよ。
ブラウザ、２代目狐火なんで。
なんだか、たのしいですね、このコーナーナビ。
クリックせずに、ナビが表れるのを見て楽しんでいます。にこにこ。
で、ＩＥ６利用者というのは、実は
「インターネットはＩＥで見るもの」
という固定観念というか、
そういう知識しか持っていないのでは？と
私は勝手に疑っています。
だからＩＥ７利用者というのも
積極的にＩＥ７を選んでいるのではなくて、
ＰＣのデフォルトがＩＥだったから
という理由でずるずるとＩＥ利用者なのだろうなーと。
私の友人で「ＩＥが無いとＰＣでネットみられないじゃん」
とか言った人がいたし・・・。
頑張れ、狐火、歌劇、狩猟旅行！
June 14th, 2008 at 5:21 PM
ちょっぴり自慢のＣＳＳコーナーナビです＼(＾▽＾)／
このブログはまだコンテンツが全然ないので、あまり効果が出ないけど、
「四隅ナビゲーション」はかなり使えるのではと思われます。
ふだんは隠れてて、いっけんすっきり見せて、必要な時だけ表われる。
ＣＳＳだけなんで、作るのもすごく簡単。
ＩＥ６ユーザは、旧AZ::Blogの統計で見ると、六割くらい。圧倒的シェアを誇りますｗ
ＦＦは三十数パーセント前後。
オペラを使う人はものすごく少なくて、一月でも数人と思われますｗ
オペラは何も悪くはないんだけど、これぞという選択理由が見つからなくて、キラー光線が不足してるようです。
今回のデザインは、ほんと、ＩＥ６に悩まされました。
つねにことごとく、ＩＥ６だけが、ヘンになって、もう勘弁してくれ状態でした(笑)
じつはまだいくつか問題は残ってるんですがｗ