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

Question

我有这个简单的悬停效果http://www.mysecretathens.gr/Sera/index.html

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

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

Answer 1

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

Answer 2

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

删除蓝色边框在CSS中添加a { border: 0 }

Answer 3

将此添加到您的css：

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

修改：在filter: alpha(opacity=40);

之前添加

Answer 4

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

a { 
  border :none;
}  

或

a { 
  border :0px;
}  

并且下一次，我建议您jsfiddle，您可以轻松地在网站上运行和调试代码，以便在此处提出问题。