AZ::Blog

AZ::blog Home >>
3
Oct
2008

デザインを少し変更

  

Light is delight

記事もだいぶ溜まってきたので、デザインを少し改造。
でかいフッターをつけて、そこにカテゴリーやカレンダーなど、ブログ内リンクを設置、と。

12
Jun
2008

CSSコーナーナビ

  

ブラウザのウィンドウの四隅にカーソルをもっていくと、
ナビゲーション(他ページへのリンク)が表示される
…という仕掛けを設置してみました。

新ブログの目玉機能。
名づけて、CSSコーナーナビ。
まだ記事が少ないんで、リンク先があまりないんだけどw

コーナーナビ

なお、IE6では表示されませんヽ(´ー`)ノ
FirefoxSafariOperaIE7では、ちゃんと使えるのにな。
IE6だけが、だけが、だけが。。

opacityというCSSのプロパティを使ってます。
透明度を指定するやつ。(IE7では、filter:alpha)
通常は透明度100%で見えなくなってて、マウスを持ってくると、hoverで透明度が0になる仕組み。
「position:fixed」にして、画面の四隅に配置し、透明度の設定をするだけ。かんたん。
長い記事で下の方にスクロールしてても、ちゃんと四隅にナビが現れます。

IE6でもやろうとするなら、透明度を使うのではなく(hoverの時にうまくいかないみたい)、
配置のleftやらrightやらtopやらbottomやらの数値を、
hoverの時に変化させるようにすればいいじゃないですかね。
バックグラウンド画像もちょっと余白のあるのにして。余白はgifかpng8の透明を使うのもあり。
そうすれば、opacityというやや怪しげな機能を使わず、Validateもパスできるし。
(まだ他にもやり口はありそう。)

…と、わかってるなら、やれよw
でも、たしか「position:fixed」にも、IE6だけ罠があるんです。もー。面倒くさいっす。
結局、CSSハックするのが、手っ取り早いのかなあ。。

(と、この記事は、IE6ユーザを、他のブラウザへ誘導する意図をひそかに隠し持っていますw
ブログのデザインで、IE6だけが、いつもいつもヘンになって、泣きそうでした。ちょっと怒ってますから。
そして、こんなにいっぱいブラウザの選択肢があるというのに、IE6ユーザの数がいまだいちばん多いという事実。
政治とか市場とかでも、この原理によって、「最悪」が多数によって選択…されてなければいいのだけれど)