在页脚显示红色背景的IE8

Question

​

​

我尝试删除所有#f00颜色并更改所有background，但Internet Explorer无法正确显示社交图标。我已经在IE10和所有主流浏览器中进行了测试，没有出现这个问题

Answer 1

如果您使用透明的PNG，并将其与CSS不透明度(即，使用IE专有的filter不透明度)组合在一起，那么您可能会遇到一个已知的IE8错误。有关讨论和一些可能的变通方法，请参阅hjere。

建议:不要在旧的IE中使用filter样式。在不使用filter的情况下，在IE8或更早版本中无法完成许多事情，这意味着使用filter非常诱人。但它有如此多的怪癖和错误，以至于它很少值得一试。在许多情况下，站点在没有它们的情况下在IE8中更有用。如果您需要使用这些特性，那么完全不支持IE8可能是一个很好的例子。

另外，我从你的屏幕截图中注意到，该页面正在以兼容模式加载(参见地址栏中的“破碎页面”图标)。这意味着虽然你使用的是IE8，但你实际上看到的是IE7模式(甚至可能是怪异模式；从截图中很难确定，但我认为IE7模式更有可能)。你也应该尝试解决这个问题，因为会有额外的IE错误和丢失的功能，你将看到由于使用错误的模式。

Answer 2

那是PNG图标吗？IE8有一个bug (或特性？)带有透明的PNG图标。尝试设置一个背景:透明！重要；直接设置为Image-Element。另一种可能性是，您在这些元素上使用CSS不透明度。这也可能是造成这种行为的原因。