昔はマウスオーバーで突如おかしくなることがあった君(IE6)

このエントリーをはてなブックマークに追加

この記事は CSS昔話 Advent Calendar 2015 – Adventar の 13日話目の君との昔話です。

今、君のことを知っている人の数は減った。・・・いや、正確に言うと君とちゃんと戦い続けた人も、その辛さをもう忘れて、次の辛さと日々戦っている。不可解な動きを突如として引き起こす君は、ある意味とても繊細だったのかもしれない。たくさんの人と共に過ごし、そして、たくさんの人を泣かせた君も、今はもう・・・

僕も君と過ごした時間は長かった。

この仕事をしていたからからかもしれない、だからこそ、長く君と向き合わなければならなかったのだと思う。長く向き合ってきたからこそ、君との過ごし方を知り、つらい思いもたくさんしてきた。

今日はそんな君とのことを、ちょっとだけ、つづっておこうと思う。

僕が `:hover` のスタイルが付いている要素にマウスオーバーすると、君はよく機嫌を損ねて、問題を引き起こしてくれたね。

よくある機嫌を損ねてしまっていた例

ちょっとした例だけど、こんなことがよくあったね。

See the Pen jWbrRR by h2ham (@h2ham) on CodePen.

みんなはきっと、何が起きているかすら気づかないんじゃないかと思う。なぜあの時これで君が機嫌を損ねていたのかなんて、当時の僕には難しすぎた。今の僕でもそうだもの、なぜこれで問題になるのか。

君(IE6)に何が起きていたか

今では君を見ることもなくなったから、何が起きているかすら、今の人にはわからなくなってしまっていると思う。

君が繊細だったことを理解してもらえないのが、少し残念だ。

わからない人のために、君と撮った写真をみんなにも見てもらおうと思う。

何が君におきていたかわかるように、まずは君じゃない、別ので撮ったやつからお見せしておく。

今のChromeで

これが普通の時。マウスオーバーしても変わらない。

もちろん、普通にしていたら君も問題ないんだよ。これと同じように見える。

IE6で

普通にしていたら、ね。

でも、僕がメニューってところをクリックしようとすると、君は・・・

IE6で表示してマウスオーバーすると・・・

お分かりいただけただろうか?

比較してみる

マウスのせただけなのに、色変えるってしか話してなかったのに!?なんで余白ふやしちゃうの?わからないよ、なぜなの?

・・・こんなことがよくあった。

今回のは一例にしか過ぎない

:hover で機嫌を損ねて問題になるなんて、当時の君は、本当に多かった。今回みんなに紹介したのだって、ほんのひとつの例にしか過ぎない。他にももっともっと、:hover がきっかけに、おかしくなる出来事たくさんあった。

でも今は、もうそんなことを考えなくても、いいんだ。

思い出は・・・

さっき僕は、これをみんなが見れないのが少し残念って書いた。ごめん、正直言うと嘘をついていた。

本当はこう思っている「もう見れなくなって、とっても良かった、安心だ!」と。ごめんよ、悪く思わないでくれ。僕らはもう、君をあまり思い出したくないんだ。

でもね、少しは昔を思い出したくなるんだよ。この CSS昔話 Advent Calendar のように。たくさんの人が君と過ごしてきたから、長い年月をすごしたぶん、いろいろな人に、他にもたくさんの昔話が、君との昔話が、たくさん、とってもたくさんあったんだ。

昔の君を知らない人も、たくさん増えた。昔の君が、こんなだったなんて、今はもう誰も気にもしない。

ただ、君じゃない新しいのも、まだ同じような問題を起こすことがあるって噂を聞いた。まだそんな君に僕は出会えていないけど、いつかまた出会ってしまうのだろうか・・・

それよりも

どうしてこうなった?

・・・ひどい。。。