Search
Twitter
Calendar
 123456
78910111213
14151617181920
21222324252627
28293031   
<< July 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
トラックバック