如何在 IE (7,8,9) 中显示这个 jQuery 动画？答案

【问题标题】：How can I show this jQuery animation in IE (7,8,9)?如何在 IE (7,8,9) 中显示这个 jQuery 动画？
【发布时间】：2012-11-06 21:57:43
【问题描述】：

感谢您查看我的问题。

我已经成功地将 jCarousel 与 Zoomer 插件集成 (found here)。除了 -SURPRISE!- Internet Explorer...

之外，它在我检查过的所有浏览器中完全按照我想要的方式工作

如果您在 FF 中选中 this page，您会看到鼠标悬停放大了空白的白色框，添加了红色边框并使用 alt 属性为小框设置了动画。

如果您在 IE 中再次查看页面，放大和红色框会起作用，但带有 alt 属性的小框不起作用。

我尝试在头部添加一个 IF，但我认为它不能正常工作（在 OSX 上，所以没有 IE）。这是代码：

    <!--[if IE 9]>
    <style type="text/css" media="screen">
    ul.thumb li img.hover
{
    border: 2px dotted red;
    border: none;
}
ul.thumb li .title
{
position:absolute;
width:103px;
height:40px;
margin:0px;
font-weight:900;
padding:0px 0 0 0px;
text-align:center;
color: #FFF;
background: none repeat scroll 0 0 rgba(255, 0, 0, 0.9);
display: block;
}
    </style>
<![endif]-->

感谢大家的时间和投入。

谢谢！

【问题讨论】：

我们说的是什么版本的IE？
我的错 - IE 7、8 和 9。不过，我希望仅限于 8 和 9。我会更新问题。
我发现了第一个问题的解决方法；如何在 IE 中制作动画。我将编辑问题以仅显示此问题并给出答案，然后询问有关动画问题的新问题。谢谢。

标签： jquery css cross-browser jquery-animate

【解决方案1】：

我通过进一步研究发现rgba(#,#,#,#.#) - a 代表ALPHA，是一种控制透明度的奇特方式，它不适用于 IE。我已将样式表更改为 IE 8 和 9 的格式：

background-color: #FF0000;
filter:alpha(opacity=80); /* For IE8 and earlier */
opacity: 0.8;

然后我更改了 IF 语句以解决 IE 6 兼容性问题以反映相同的代码。

【讨论】：