KYOKUTYO NO BLOG.

ChromeやFirefoxで作っていって、最後にIEの対応をする場合に注意するポイント。

CSS

IEの場合だけ追加で読み込むCSSファイルを用意します。
IE用のCSSファイルを読み込む部分は<!--[if IE]>〜<![endif]--> で囲っておくと他のブラウザではコメント扱いされます。

• rgba(0,0,0,.3) などとカラー指定してる場合、#000とかに指定方法を変える
• 半透明の背景はbg-xxx-ie.pngなどPNGファイルを用意してbackgroundの指定を上書きする(IE6は・・・)
• 角丸なんかやり方あったかもだけど、、ひとまず対応しない
• シャドウもやり方ありそうだけど、これもひとまずは対応しない IE進化待ち

JavaScript

jQuery使ってるとけっこう吸収してくれる。JSはファイルを分けずに対応してる。

• number + 'px' としてるところを parseInt(number) + 'px' と型を揃える
• textareaの改行がおかしい場合はescapeした後にreplaceする replace(/%0D%0A?/g,"\r\n")でうまく動いてるみたい (半角スペースなどはまた戻す必要がある)
  他によい方法を模索中、、
• hiddenなinputのvalueに値を突っ込むことができず、type="text"だとOKぽいのでCSSでdisplay: none;して隠す

ひとまずこんな。

「IEでtype="password"なフォームに入力した文字が見えない」というのは
●や*に変換されてしまうという意味ではなく、空っぽのように見えてしまう症状。
バージョンは8。Webフォントを使ってる場合に起きるのかも。

文字の色がIEだけ背景と同じ色になってるのか、など疑ってみたけど違うらしい。結局↓こういうことだったのだけど、使ってたWebフォントがまずかったのか、Webフォント全般NGなのかは不明。

font-family 上書きで解決。覚えとこう。。