Search
Twitter
Calendar
   1234
567891011
12131415161718
19202122232425
262728293031 
<< May 2019 >>
New Entries
Category
Archives
Links
mobile
qrcode
RSSATOM 無料ブログ作成サービス JUGEM

IE8で背景が表示されなくてハマる(css,background-position,png)

複数の背景画像(アイコン)を1つのpngファイルにまとめて

cssでずらして表示させようというのをやっていたんですが、

IE8で見事にハマってしまったしまいました。

どうやっても表示されないのでIE8のバグかと思って、ぐぐってみたんだけど

どうもそれっぽいのはなく・・・

IE8でspanタグやaタグでは背景を指定できない?とかとも思ったんだけど、

結局は、background-positionの指定ミス。

background-position: 左右値 上下値;


と書くのが正しいのですが、逆に書いてました...orz

(誤) background-position: 20px left;


ちなみに逆に書いてもSafariやchromeでは、片方をleftやtopと

表記しておくと、残りの数値を逆の数値として解釈してくれます。

CSSの正しい書き方を覚えておかないとダメですね・・・。

何時間もハマって、原因がわかった時にはさすがに脱力でした。
CSS/PHP | 17:22 | comments(0) | trackbacks(0) |-









この記事のトラックバックURL
http://blog.kameact.jp/trackback/903018
トラックバック