html - CSS 图像精灵在 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 ICONS的CSS。通过提供float:left和display:inlinein p.flags a，它显示了标志的CSS精灵图像！

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