- ベストアンサー
IE9でCSS3を適応させると動作がおかしい
- IE9でCSS3を使用すると、入力フォームの挙動がおかしくなる現象が発生します。
- IE9には、CSS3の記述を適応するために<meta http-equiv='X-UA-Compatible' content='IE=9' />を記述する必要があります。
- この記述をすると、エンターキーを押した後に入力フォームにカーソルが残らず、次の入力ができなくなります。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
実際のページを見せていただく術(すべ)がないので原因はわかりませんが、根本的な対策としては、CSS3など最新の技術を使用しないことです。 「画像などの角丸やボックス内の背景のみを透過するなど」 は、あくまでおまけとして、CSS3ではないと表示できないスタイルより前にCSS2.1の範囲内でのスタイルを記述しておくことです。 いまだに、IE8も無視できないシェアを持ってます。 ウェブページの考え方 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より からすると、折角HTMLでページを作成しながら、端末の制限をすることは本末転倒です。 具体的には、 <meta http-equiv="X-UA-Compatible" content="IE=9" /> を使うのではなく、 IE8など用に、CSS2.1の範囲内で設定した後、CSS3の指定を書いておくと良いです。 [例] border:solid gray 2px; border-radius:10px; で、CSS3対応のブラウザは、border-radiusが適用され、CSS3対応のブラウザでは角が丸くなる。 というふうに・・ 所詮、ユーザーが利用してくれるのはデザインではなく、コンテンツですから、折角苦労して作成したコンテンツがデザインのために利用されない---ではあまりに悲しいですから。
