異なるIEのバージョン確認

質問

タイトル通りなのですが何を使っていますか？
私は、IE9をインストールしておりその他のバージョンの確認にはIETesterを使っているのですが、jsを使っているサイトだとよくクラッシュしタブの復元を行っても全く確認はできない状態です。

調べたところIE9の開発者ツールで、ブラウザーモードとドキュメントモードというのが使えるようで試してみました。

IE8にも対応する角丸のCSSを作成し見てみると次の結果となりました。

・普通にIE9→角丸
・ブラウザーモードがIE8でドキュメントモードがIE9→角丸
・ブラウザーモードがIE7でドキュメントモードがIE9→角丸

ここまではいいのですがドキュメントモードをIE9以外にするとブラウザーモードを何にしても角丸では表示されません。

初めて使ってこの結果となり正しい動作なのかもわからない状況ですがきちんと確認できる方法はないものかと思い質問させていただきました。

Microsoft Expression Web SuperPreviewも使ってみましたがトライアル期間が過ぎているせいか画像でしか確認できず、FireFoxのIEタブも試してみましたが表示されたりされなかったりと不安定でいまいち信用できない感じです・・・

IEの自動アップデートも始まるようなのでせめてIE8まではきちんと確認できればいいのですが。

回答No.2

noname#150436 · ベストアンサー

どうしても角を丸くしたいなら画像を加工するか、テーブル＋分割画像を利用した方法を使えば旧バージョンでも表示出来ます。
元々IEのバージョンによって利用出来るものと出来ないものがありますが、IE本来の仕様に基づいているはずなので複数バージョンのIEに合わせるならIE全般に通用しない指定はしない方が無難です。

回答No.1

noname#150436

レイアウトチェックではAdobe BrowserLabが利用出来ます。
会員制ですが無料なのと、IE以外も含めて様々なバージョンがチェック出来ます。
精度については完全とは言えないかもしれませんが、一応参考にどうぞ。

https://browserlab.adobe.com/ja-jp/

お礼

お返事ありがとうございます。
初めて試してみましたが、IE9以下用にCSS3で角丸を適応させるために「border-radius.htc」を使っている部分が表示されないです。

きっとIE専用のものなのでうまくレンタリングできないということでしょうか。

IE9でブラウザーモードをIE8にした時には表示されていたのでこうなると何が正しいのか不明ですね^^;
制度を求めるとなると難問の課題ですね。