html - CSS イメージ スプライトが IE7 で機能しない

Question

こんにちは、トップの旗のアイコンやフッターのソーシャル メディアのアイコンなど、IE7 で CSS スプライト画像が表示されない理由を知りたいです。

理由を教えてください。

リンクはこちら http://indivar.us/StackOverFlow/PTCNews/Website/

Answer 1

リンクをチェックせずに (サイトが巨大であるため)、スプライトを使用する場合、IE7/6 では背景色を設定する必要があります。透明に設定することもできます。

background: transparent url(../images/flags.png) no-repeat -57....

Answer 2

はい、分かりました..

上記のリンクを参照して、IE7 の FLAGS ICONS の CSS を以下float:leftにdisplay:inline示しp.flags aます。

p.flags a 
{
  display:inline;
  text-indent:-9999px;
  margin-right:5px;
  position:inherit;
  float:left;
}