エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSでスプライト画像を指定するときIE8だけ表示されないことがある - y_maeyamaのブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでスプライト画像を指定するときIE8だけ表示されないことがある - y_maeyamaのブログ
CSSでスプライト画像(複数の画像を一つの画像ファイルにまとめた画像。HTTPリクエストを減らすのに役立... CSSでスプライト画像(複数の画像を一つの画像ファイルにまとめた画像。HTTPリクエストを減らすのに役立つ)の設定をしていた時、ChromeとかIE9では画像が表示されるのにIE8では表示されないことがありました。なぜだろうと調べてみたところ、 .button-content { /* 正常に画像が表示される */ background: url(../img/sprite.png) no-repeat -35px 0; } と、書けば大丈夫だけど、 .button-content { /* no-repeatの前に半角スペースがないと、IE8で画像が表示されない。 */ background: url(../img/sprite.png)no-repeat -35px 0; } と、書くとダメなようです。 こういう微妙なバグ?は厄介ですね、ということでメモ。