不透明悬停效果在 IE 中无法正常工作答案

【问题标题】：Opacity hover effect not working correct in IE不透明悬停效果在 IE 中无法正常工作
【发布时间】：2012-08-25 00:49:11
【问题描述】：

#footer ul li:hover {
opacity: 0.7;
filter: alpha(opacity=40);
 }

在页脚下方的社交媒体图标中，但在 IE 中，我看到每个图标周围都有一个蓝色边框。如何解决？你也看到了吗？

【问题讨论】：

【解决方案1】：

我没看到，但我想它们是<a> 锚标签。因此，对于 IE，您必须为作为社交媒体图标的锚标签添加 border:0px;。

【讨论】：

【解决方案2】：

如果您在图像周围有一个链接，IE 会自动在其周围放置一个边框。

要移除蓝色边框，请在 CSS 中添加 a { border: 0 }

【讨论】：

【解决方案3】：

将此添加到您的 CSS：

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

编辑：在filter: alpha(opacity=40);之前添加

【讨论】：

【解决方案4】：

如果你有一个链接（锚），它是 Internet Explorer 的标准。在这种情况下，您必须使用以下命令重置边框：

a { 
  border :none;
}

或

a { 
  border :0px;
}

下次，我推荐您jsfiddle，您可以在此处轻松地放置您的代码以在站点上运行和调试它以解决问题。

【讨论】：