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

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

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

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

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

君（IE6）に何が起きていたか

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

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

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

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

今のChromeで

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

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

IE6で

普通にしていたら、ね。

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

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

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

比較してみる

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

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

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

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

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

思い出は・・・

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

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

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

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

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

それよりも

どうしてこうなった？

・・・ひどい。。。