CSS Image Sprites无法在IE7中运行

Question

嗨，我想知道为什么在IE7中我的CSS Sprites图像没有显示出来，例如顶部的标志图标和页脚中的社交媒体图标。

你能告诉我为什么吗？

以下是链接http://indivar.us/StackOverFlow/PTCNews/Website/

Answer 1

在不检查链接的情况下（因为网站很大），如果使用精灵，IE7 / 6需要设置背景颜色。您也可以将其设置为透明。

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

Answer 2

好的，我明白了..

参考上面提供的链接，下面提到了IE7中FLAGS图标的CSS。通过在float:left中提供display:inline和p.flags a，它显示了CSS sprites图像旗帜!!

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