CSSで久々にびっくりしたこと

inputを disableにしてるとき、わかりやすいように opacityで透明化しようとしてはまったこと。
なんと IE7互換表示だと大丈夫なのに、IE8だとダメなやつがあるのですよ。
input:disabled {} の CSSがそれで、これが複数指定の中に入っていたがために、そのCSS指定がみんな無効になってしまい、わからんちんな結果に。(CSSでエラーになるようなことを書くと、そのブロック全部適用されない罠!)

  IE8 Firefox Chrome Opera Safari
input[type=text] O O O O O
input:read-write
input:read-only
O O
input:enabled
input:disabled
O O O O
input:active
input:focus
input:hover
O O O O O
input:checked O O O O
input:default O O

この表の出典はこちら ⇒ 各ブラウザのCSSセレクタの対応状況
 
 
あと、position:absolute してて、IE7で表示されないなと思ったら、z-indexを付けてみること。下になっちゃってるだけかもしれませんよ。