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 |
X | △ | X | O | O |
input:enabled input:disabled |
X | O | O | O | O |
input:active input:focus input:hover |
O | O | O | O | O |
input:checked | X | O | O | O | O |
input:default | X | O | X | O | X |
この表の出典はこちら ⇒ 各ブラウザのCSSセレクタの対応状況
あと、position:absolute してて、IE7で表示されないなと思ったら、z-indexを付けてみること。下になっちゃってるだけかもしれませんよ。