悬停效果在 IE8、IE7、IE6 上不起作用答案

【问题标题】：Hover effects are not working on IE8, IE7, IE6悬停效果在 IE8、IE7、IE6 上不起作用
【发布时间】：2015-07-31 04:54:36
【问题描述】：

我正在使用Image hover Effect 作为网站。经过大量搜索并花了很长时间自定义该效果，我得到了我想要的悬停效果。但这不适用于旧版本的 Internet Explorer 版本，例如 IE8、IE7、IE6。

在我提到的那个网站上提到，这些效果仅适用于现代浏览器。如果您想支持旧版浏览器，则必须提供合适的后备。

但我不知道，我应该怎么做才能支持旧版本的 IE。另外我猜font-awesome.min.css 不支持大多数图像悬停效果中使用的所有浏览器。

是否可以使悬停效果支持所有浏览器？如果是，那我该怎么做？

感谢任何建议。

【问题讨论】：

【解决方案1】：

我在IE7,8,7上查看了你的页面问题是那些版本的IE不支持

opacity:0.1;

查看这篇关于不透明度的帖子css opacity not working in IE7

【讨论】：

【解决方案2】：

很遗憾，IE 支持从 IE10 过渡 (http://caniuse.com/#search=transition)。

要在旧浏览器上使用 Font Awesome，您必须使用旧版本的 FA：http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/

【讨论】：

 我已经在我的<head> 标签中添加了这些行。但是 FA 图标仍然没有在 IE7 中显示。我是否要求bootstrap.min.css 也包括在内？我该怎么办，你能告诉我吗？
您将 FA 与字体系列一起使用？可能在IE7中不起作用。例如，在我最近支持 IE7 的项目中，我必须使用并且效果很好。
我已经上传了FA的字体文件夹。您能否在回答中提及您为在 IE7 上进行 FA 所做的工作（所需的步骤和代码）？
我把这一行放在部分：<link href="/PFA/Assets/css/font-awesome.min.css" rel="stylesheet">  该项目使用 bootstrap 2。