【css3】ulリストマークをIE用に-ms-background-position-y で調整

HTML5+CSS3でのサイト構築中のメモ。

ulタグでリストをつくってヘッダーメニューを構成。
リストマークを背景画像に置き換え、background-positionで位置を調整。

chromeやfirefoxでは意図した通りに表示されるが
どうもIEだけが表示がずれる。

background-position の処理の仕方が違うのか、
縦位置にcenterを指定してもIEのみ適用されない。

IEの開発者ツールで検証していると
「-ms-background-position-y」というプロパティがあったので
試しにcenterに指定してみる。

ドキドキしながら更新・・・

おー!見事、期待通りの表示がされました。

IEのバージョンを複数試してみましたが問題ない様子。

ひとまずこれで様子を見ることにします。

スポンサーリンク