タグ別アーカイブ: css

IEで絶対配置(position:absolute)のボックスが消えるバグの検証

先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。

続きを読む

:link、:visited、:hover、:active の記述順序とその覚え方

スタイルシートでa要素のリンクのデザインをする際に、次のように4つの擬似クラスを用いることが多いと思います。

a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: yellow; }

実はこの4つの擬似クラスの記述順序には注意が必要で、上記のように link、visited、hover、active の順番で記述しないと意図した結果にならなかったりします。この順序についてちょっと調べてみたので、まとめてみたいと思います。

続きを読む