悬停效果不适用于IE9

Question

直播网站 - http://www.orourkehospitality.com/hostedContent/williamsinn/

悬停效果不适用于IE9，但可以直接在Chrome，Safari，Mozila等上使用。 查看下面的截图。

任何想法是什么问题＆amp;怎么修？如果需要，我会提供代码（由于这个原因，我现在跳过太久了。）

Answer 1

为这些图片添加特定的width和height：

img.hover-images-flourish {
    width: 110px;
    height: 25px;
}

Answer 2

这对我有用

<img class="hover-images-flourish" src="http://www.orourkehospitality.com/hostedContent/williamsinn/wp-content/themes/williamsinn/images/hover-flourish-top.png" style="margin-top: 63px;width:100px:height:100px">

我添加了

width:100px:height:100px  in your style

或者你可以

在css中更改它

  .hover-images-flourish {
        width: 100px;
        height: 100px;
    }

重要：

如果上述修复不起作用

添加

<meta http-equiv="X-UA-Compatible" content="IE=9"/>

Answer 3

如果 hover_pack.css

删除这些属性

有一种风格适用于仅IE ，这似乎会导致问题：

.ie a.b-animate-go img{
   width:100% !important;
   height:100% !important;
}