以前担当させていただいたYAM東北のサイトをリニューアル中。
今回はスマホ対応に取り組んだ。
HTML5もCSS3もまだまだ勉強不足なのを痛感。
今回のハマリどころは、CSS3でのグラデ。
IEは非対応。
10ではさすがに対応すると思うけど。
IE6~8なら、IE PIEで対応できるので問題ない。
問題なのはIE9。
IE PIEに非対応。（正確にはIE PIEがIE9に対応してないのだけど。）
検索したら、SVGでグラデを描画してbackground-imageで読み込めば良いらしい。
無事、完了した。
公開はもう少し先かな。
こちらを参考にさせていただきました。
IE9でグラデーションを実現する方法