HTML5+CSS3でのサイト構築中のメモ。
ulタグでリストをつくってヘッダーメニューを構成。
リストマークを背景画像に置き換え、background-positionで位置を調整。
chromeやfirefoxでは意図した通りに表示されるが
どうもIEだけが表示がずれる。
background-position の処理の仕方が違うのか、
縦位置にcenterを指定してもIEのみ適用されない。
IEの開発者ツールで検証していると
「-ms-background-position-y」というプロパティがあったので
試しにcenterに指定してみる。
ドキドキしながら更新・・・
おー！見事、期待通りの表示がされました。
IEのバージョンを複数試してみましたが問題ない様子。
ひとまずこれで様子を見ることにします。
コメント