0

I am using Image hover Effect for a website. After a lot of search and spending long time in customization of that effect, I got the hover effect which I wanted. But that is not properly working on older version of internet explorer version such as IE8, IE7, IE6.

On that website from which I referred has mentioned that these effects only work in modern browsers. You’ll have to provide a suitable fallback if you’d like to support for older browsers.

But I don't know, what should I do to support that for older versions of IE. Also I guess font-awesome.min.css not support all browsers which is used in most of image hover effects.

Is it possible to make that hover effect to support all browsers? If yes then how I can do that?

Any suggestions are appreciated.

javabrett
  • 7,020
  • 4
  • 51
  • 73
kiran
  • 641
  • 2
  • 12
  • 34

2 Answers2

1

I checked your page on IE7,8,7 problem is those versions of IE will not support 

opacity:0.1;

see this post about opacity css opacity not working in IE7

Community
  • 1
  • 1
DesignSnippet.com
  • 308
  • 2
  • 12
0

Unfortunately IE support transition from IE10 (http://caniuse.com/#search=transition).

For use Font Awesome with old browser you have to use an old version of FA: http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/

Germano Plebani
  • 3,461
  • 3
  • 26
  • 38
  • `` I have add these line in my `` tag. But still FA icons are not dispalying in IE7. Do i required that `bootstrap.min.css` also to include? what should I do, can you please let me know? – kiran May 21 '15 at 11:02
  • You use FA with font family? Probably in IE7 doesn't work. In my recent project with support for IE7 i have to use, for example, and it work perfect. – Germano Plebani May 21 '15 at 14:09
  • i have uploaded the font folder of FA. Can you please mention in your answer what you have done (steps and code required) to work FA on IE7? – kiran May 22 '15 at 04:38
  • I put this line in section: ` ` The project use bootstrap 2. – Germano Plebani May 22 '15 at 06:57