【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のバージョンを複数試してみましたが問題ない様子。

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

E-Bookダウンロード

肩こり・腰痛に悩まされるITエンジニア必読!!

長時間のデスクワークで疲れがたまっていませんか?

肩こりや腰痛に悩まされるITエンジニアのために、E-Book『疲れないカラダのトリセツ』を無料でプレゼントしています!

ダウンロードはとってもカンタン。2分以内に受け取れます。

E-Bookをダウンロード

 

 

スポンサーリンク
スポンサーリンク